选择第一个值以外的值时自动提交下拉列表？

Question

当前代码

这是我的事件处理程序

handleChangeStatus(event) {
    this.setState({
      addApp: {
        applicationStatus: event.target.value
      }
    });
    console.log(event.target.value);
    console.log(this.state.addApp.applicationStatus);
    this.RPTList(event.target.value);
  }

这个位于索引处

<ApplicationStatusSelect value={this.state.addApp.applicationStatus} onChange={this.handleChangeStatus} appStatus={this.state.status} handle={this.state.handleShow}/>

这是我的组件

<Input id="applicationStatus" type="select" onChange={handle} name="applicationStatus" value={value}>
        <option value="">Status</option>
        {appStatus.map(appStatus =>
          <option key={appStatus.id} value={appStatus.id}>{appStatus.name}</option>
        )}
</Input>

这是来自此链接的类似问题How do I auto submit a dropdown when a value is selected than the first value?

但一切都在 ReactJS

我尝试了 Reacthooks，但仍然很难。

Answer 1

你的表格应该是这样的

<ApplicationStatusSelect value={this.state.addApp.applicationStatus} handle={this.handleChangeStatus} appStatus={this.state.status}/>

你的表单上的 OnChange 是不必要的，我猜你的整个组件都是这样的。

const ApplicationStatusSelect = ({ appStatus, handle, value }) => {
  
  return (
    <div>
      <Input id="applicationStatus" type="select" onChange={handle} name="applicationStatus" value={value}>
        <option value="">Status</option>
        {appStatus.map(appStatus =>
          <option key={appStatus.id} value={appStatus.id}>{appStatus.name}</option>
        )}
      </Input>
    </div>
  );
}

export default ApplicationStatusSelect;

如果它仍然不起作用，请让我知道。