在其他组件渲染后保存复选框 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)}

/>