React Select单击选项时不会更新值

Question

我有一个React Select表单，其中有API选项调用后加载的选项。车间的初始状态值已设置，并在表单中单击选项后更新。但是，选择的视图不会更新。而且，提交表格时，研讨会已成功保存到数据库中。我该怎么办 ？

renderForm() { 
    return (
     <section className="col-md-12 col-sm-12"> 
      <form className="col-md-12 col-sm-12" 
        onSubmit={ this.handleSubmit }> 
       // other form-groups 
       <div className="form-group"> 
        <label> 
         Region: 
         <input className="form-control" 
           type="text" 
           value={ this.state.value } 
           onChange={ this.handleRegionChange } required /> 
        </label> 
       </div> 
       <div className="form-group"> 
        <label> 
         Workshop: 
        </label> 
        <Select name="form-field-workshop" 
          value={ this.state.workshop } 
          onChange={ this.handleWorkshopChange } 
          options={ this.renderFormWorkshops() } 
          clearable={ false } 
          searchable={ false } 
          required /> 
       </div> 
       <input className="btn btn-default" 
         type="submit" 
         value="Submit" /> 
      </form> 
     </section> 
    ); 
} 

// handles the change of state when an option is selected 
handleWorkshopChange(value) { 
    this.setState({ 
     workshop: value.label 
    }); 
} 

// displays the options in the Select form 
renderFormWorkshops() { 
    return _.map(this.props.workshops.workshops, (it) => { 
     return (
      { value: it.id, label: it.name } 
     ); 
    }); 
} 

Answer 1

handleWorkshopChange(value) { 
    this.setState({ 
     workshop: value.value 
    }); 
} 

Answer 2

你有没有在你的构造函数中正确设置它？有可能发生在这里的一些方面的问题，这是结合上下文正确的形式：

constructor(props) { 
    super(props); 

    this.handleWorkshopChange = this.handleWorkshopChange.bind(this); 
} 

如果你不使用箭头功能，你需要绑定上下文依赖于使用this方法的情况。

此外，你必须杂散括号这里：value={ this.state.workshop) }