reactjs - 选择第一个值以外的值时自动提交下拉列表?
问题描述
当前代码
这是我的事件处理程序
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,但仍然很难。
解决方案
你的表格应该是这样的
<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;
如果它仍然不起作用,请让我知道。
推荐阅读
- pentaho - 如何在 Pentaho 数据集成中动态更改“生成行步骤”的值字段,用于从 A REST API 获取数据
- android - 无法使用 Android Studio/Dart 发送发布请求?
- gwt - GWT 2.6.1 编译错误 | 找不到入口点
- node.js - 使用续集
- css - SASS 不读取根类,只有带有 & 符号的类是
- arrays - 过滤所有仅与输入字符串数组或任意数字匹配的 Dictionary 元素
- javascript - Async/await 如何工作以及为什么它在这里不起作用
- php - 标题未包含在自定义帖子中
- swift - 删除场景视图节点后应用程序崩溃
- php - 发送文件 CURL + PHP 7