React-table - 在“下一步”单击时呈现复选框的问题

Question

我正在使用react-table 和我的一个列包含复选框。我用这样的代码渲染该列：

Cell: props => (
  <label className="switch">
    <input id="for_all" className="input_switch" type="checkbox" defaultChecked={props.value}/>
    <span className="slider round"></span>
  </label>
)

但问题是，当我点击“下一步”时，复选框不会根据它们在对应道具（props.value）中的值“标记”，而是保持与在同一行中的相同（在 10 行视图中，第 11 个复选框将与第 1 行相同）。我该如何解决？

Answer 1

我通过向输入字段添加另一个参数解决了这个问题：

checked={props.value}