Form.Control as="选择"答案

【问题标题】：Form.Control as="select"Form.Control as="选择"
【发布时间】：2019-08-19 10:55:24
【问题描述】：

我有一个包含更多组件的项目，我有一个通过单击按钮显示的表格，我进行了一些选择并使表格消失并重新出现，但我没有保留选定的值。

我可以制作“form.control”来保留我选择的项目吗？

这是表格中的代码。

<Table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Provide or not</th>
                        <th>Link where to find it</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>HASI</td>
                        <td>
                            <Form.Control as="select">
                                <option>Provided_by_prj</option>
                                <option>Use_internal</option>
                            </Form.Control>
                        </td>
                        <td><FormControl aria-label="Small" aria-describedby="inputGroup-sizing-sm" /></td>
                    </tr>

【问题讨论】：

标签： javascript reactjs react-bootstrap

【解决方案1】：

您可以强制设置您的值，reactjs 应该为您执行此操作...也许其他地方也有问题。

<option value={option.value} selected={optionsState == option.value}>{option.label}</option>

或类似的东西

<Form.Control as="select" value={optionsState}>
  <option value=1>Provided_by_prj</option>
  <option value=2>Use_internal</option>
</Form.Control>

见React JSX: selecting "selected" on selected <select> option

【讨论】：