title: Using the react-select to create the markup using bootstrap 4
body: <p>I am new to the <code>react-redux</code>. Here I am trying to achieve the following markup</p>
  
  <p><a href="https://i.stack.imgur.com/YWGS0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YWGS0.png" alt="enter image description here"></a></p>
  
  <p>So from Here what I achieved using the following code is ,</p>
  
  <pre><code>&lt;div className="row"&gt;
          &lt;div className="col-md-12"&gt;
            &lt;form className="form-inline"&gt;
              &lt;div className="form-group col-md-4"&gt;
                &lt;lable&gt;Select Technolgoy &lt;/lable&gt;
                &lt;Select
                  value={selectedOption}
                  onChange={this.handleChange}
                  options={options}
                /&gt;
              &lt;/div&gt;
              &lt;div className="form-group col-md-4"&gt;
                &lt;lable&gt;Select Component &lt;/lable&gt;
                &lt;Select
                  value={selectedOption}
                  onChange={this.handleChange}
                  options={options}
                /&gt;
              &lt;/div&gt;
              &lt;div className="form-group col-md-4"&gt;
                &lt;lable&gt;Select Job &lt;/lable&gt;
                &lt;button className="btn btn-primary"&gt;
                  Add
                &lt;/button&gt;
                &lt;button className="btn btn-primary"&gt;
                  Remove
                &lt;/button&gt;
              &lt;/div&gt;
            &lt;/form&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/lgNEl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lgNEl.png" alt="enter image description here"></a></p>
  
  <p>So, here I am using the <code>react-select</code>.</p>
  
  <p>What is it that I am doing wrong ? can anyone help me with this? Thanks</p>