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

Question

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

我不知道如何控制每个复选框的选中值。

我已经为案件创建了密码 https://codesandbox.io/s/peaceful-sky-clxeo

谢谢！

Answer 1

在输入中添加一个选中的属性，如下所示：

<input
   type="checkbox"
   name={checkbox}
   value={checkbox}
   onChange={handleCheckbox}
   checked={properties.includes(checkbox)}
/>