javascript - 更新一个<select>通过反应，我有一个可以选择的标签选择，但我确实有一个应该更新选项的下一个和上一个按钮。每次单击按钮时，我都尝试使用 sort() 来执行此操作，但是当我选择选项然后使用下一个按钮时，选择不再更新。如何使用状态动态更新选择选项并使其工作？组件选择导出默认函数 RegistroNavSelect(props) { const atualizarLista = (e) => { props.setPeriodo(e.target.value) } return ( <sele

首页 > 解决方案 > 更新一个通过反应，我有一个可以选择的标签选择，但我确实有一个应该更新选项的下一个和上一个按钮。每次单击按钮时，我都尝试使用 sort() 来执行此操作，但是当我选择选项然后使用下一个按钮时，选择不再更新。如何使用状态动态更新选择选项并使其工作？组件选择导出默认函数 RegistroNavSelect(props) { const atualizarLista = (e) => { props.setPeriodo(e.target.value) } return ( <sele

问题描述

标签： javascriptreactjsuse-state

解决方案

您必须确保您<select>的组件是受控组件。所以你应该在元素上包含value一个属性。select我假设setPeriodo是来自一个useState电话，而元组的另一部分是periodo. 因此，您需要periodo作为道具传递给RegistroNavSelect，结果select行应该是：

<select id="periodoSelec" className="registro__nav--select" name="select" onChange={e => atualizarLista(e)} value={periodo}>

问题描述

解决方案

推荐阅读