IT技术 - 使用 react-select 使用 bootstrap 4 创建标记 - 吾爱随笔录

我是新来的react-redux。在这里，我试图实现以下标记

所以从这里我使用以下代码实现的是，

<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>

所以，在这里我使用react-select.

我做错了什么？谁能帮我这个？谢谢

const styles = { container: base => ({ ...base, flex: 1 }) }; function App() { return ( <div className="row"> <div className="col-12"> <form className="form-inline"> <div className="form-group col-4"> <lable>Select Technolgoy </lable> <Select styles={styles} options={options} /> </div> <div className="form-group col-4"> <lable>Select Component </lable> <Select styles={styles} options={options} /> </div> <div className="form-group col-4 row"> <lable className="col-4">Select Job </lable> <button className="btn btn-primary col-4">Add</button> <button className="btn btn-primary col-4">Remove</button> </div> </form> </div> </div> ); }