As a beginner in the realm of react-redux, I am attempting to achieve a specific markup design.
https://i.sstatic.net/YWGS0.png
After implementing the code below, you can see that I was able to accomplish the following structure:
<div className="row">
<div className="col-md-12">
<form className="form-inline">
<div className="form-group col-md-4">
<lable>Select Technolgoy </lable>
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>
</div>
<div className="form-group col-md-4">
<lable>Select Component </lable>
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>
</div>
<div className="form-group col-md-4">
<lable>Select Job </lable>
<button className="btn btn-primary">
Add
</button>
<button className="btn btn-primary">
Remove
</button>
</div>
</form>
</div>
</div>
https://i.sstatic.net/lgNEl.png
In this setup, I have utilized the react-select component.
If there are any mistakes in my approach, could someone kindly provide guidance? Thank you.