在其他组件渲染后保存复选框 UI

Question

我在 React 中有一个多步骤表单，其中每个问题都是一个组件。在父组件上，我有状态。在第一个组件上，我有一个带有复选框的问题，当我选中该选项时，我会将其推送到状态上的数组。当我转到下一个问题并返回上一个问题时，复选标记消失了，但状态仍在更新。

我无法弄清楚如何控制每个复选框的选中值。

我为我的案例创建了一个代码和 https://codesandbox.io/s/peaceful-sky-clxeo

Answer 1

在您的输入中添加一个选中的属性，如下所示：<input&nbsp; &nbsp;type="checkbox"&nbsp; &nbsp;name={checkbox}&nbsp; &nbsp;value={checkbox}&nbsp; &nbsp;onChange={handleCheckbox}&nbsp; &nbsp;checked={properties.includes(checkbox)}/>