Form.Control as=“选择”

Question

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

我可以使用“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>

Answer 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：在已选上选择“已选”