表单组多重选择值_反应

Question

这是我的状态。我里面有一种形式，它通过数组映射。 我想在用户选择表单中的每个元素时选择。 id 的值附加到我的 this.state.categories 。

this.state ={
            categoryIds: [],
        }

let somecategories = [
    {id:1, name:"foo"},
    {id:2, name:"foo2"},
    {id:3, name"fooAgaian"}
]

我的表格：

<Form.Group controlId="categories">
        <Form.Label>categories</Form.Label>
            <Form.Control 
                as="select" multiple>
                    {somecategories.map(category => <option id={category._id} onSelect={e => this.setState({ categoryIds: e.target.value })}>{category.name}</option>)}
        </Form.Control>
</Form.Group>