Reactjs 可以处理单选和多选表单更改的Single onChange
我有一个表单和一对表单。选择属性。我的onChange适用于没有多个集合的属性。但是,它无法处理来自具有多个集合的属性的选择 我希望有一个onChange函数,可以处理表单实例的数据更改。选择是否有多个标志集 表格类别: 我如何修改onChange来处理这两个表单。选择上面列出的属性Reactjs 可以处理单选和多选表单更改的Single onChange,reactjs,semantic-ui-react,Reactjs,Semantic Ui React,我有一个表单和一对表单。选择属性。我的onChange适用于没有多个集合的属性。但是,它无法处理来自具有多个集合的属性的选择 我希望有一个onChange函数,可以处理表单实例的数据更改。选择是否有多个标志集 表格类别: 我如何修改onChange来处理这两个表单。选择上面列出的属性 请注意,此问题与StackOverflow问题不同,后者只涉及只能用于更新数组的onChange。多次选择是一个奇怪的问题。描述如何检索选定的值 如果要定义表单级处理程序,则需要对多个选择进行例外: const o
请注意,此问题与StackOverflow问题不同,后者只涉及只能用于更新数组的onChange。多次选择是一个奇怪的问题。描述如何检索选定的值 如果要定义表单级处理程序,则需要对多个选择进行例外: const onChange=事件=>{ 常量值=isMultipleSelectevent.target ?从MultipleSelectEvent.target获取SelectedValue :event.target.value this.setState{[event.target.name]:value} }; 常量isMultipleSelect=selectTag=>selectTag.tagName=='SELECT'&&selectTag.multiple const GetSelectedValues fromMultipleSelect=selectTag=>[…selectTag.options].filtero=>o.selected.mapo=>o.value
class SomeForm extends React.Component {
handleSubmit = event => {
event.preventDefault();
this.props.onSubmit(this.state);
};
onChange = event => {
const {
target: { name, value }
} = event;
this.setState({
[name]: value
});
console.log("name: " + name)
console.log("value: " + value)
};
render() {
return (
<Form onSubmit={this.handleSubmit} onChange={this.onChange}>
<Form.Select label="Size" options={sizes} placeholder="size" name="size" />
<Form.Select
label="Bit Flags"
placeholder="Bit flags"
name="flags"
fluid
multiple
search
selection
options={bits}
/>
<Form.Button type="submit">Submit</Form.Button>
</Form>
);
}
}
const bits = [
{key: '1', text: "some text 1", value: "some_text_1"},
{key: '2', text: "some text 2", value: "some_text_2"},
];