列出输入中的所有组？

Question

我有组列表，我想创建输入并让用户选择他想要的组

  initialGroups

因为这个原因没问题 Bootstrap Form.Control?

 <Form.Control
      as="select"
      required
      multiple
      value={initialGroups}
      onChange={onChangeGroups}
      >

      </Form.Control>

 const onChangeGroups = e => {
    const groups = e.target.value.initialGroups;
    setGroups(groups);
  }

如何列出所有组（名称）并让用户选择他想要的？

最后我想要这样：

Answer 1

当您有多个值供用户选择时，您可以使用 Form.Select 组件。请查看以下沙箱：

https://codesandbox.io/s/staging-cookies-ir1hbx

<Form.Select>
    <option hidden>Please choose</option>
    {initialGroups.map((group) => {
      return (
        <option key={group.id} value={group.id}>
          {group.value}
        </option>
      );
    })}
</Form.Select>

列出输入中的所有组？

List all group in input?

html

reactjs

react-bootstrap