选中表顶部行(固定数据表)上的Redux复选框。
选中表顶部行(固定数据表)上的Redux复选框。
提问于 2016-10-13 15:47:29
对于Redux，我遇到了一个奇怪的问题，它使用一个由固定数据表生成的表，该表的行依赖于计算的状态变量。
这些行上都有一个复选框，以便能够批量选择数据。当按下按钮时，所有选中的行都会隐藏，当出现问题时:如果选中了顶层行，而下面的行没有选中，则当表被重命名时，顶部行复选框仍然是选中的(在原来的顶行已被隐藏之后)。
显示数据的普通列是动态生成的，但是带有复选框的列是这样生成的：
<Column
width={75}
header={<Cell>Check</Cell>}
columnKey="selectCol"
cell={({rowIndex, ...props}) => (
<Cell>
<input type="checkbox" onChange={(e) => {
var chk = e.target;
{/* stuff that doesn't affect whether it's checked or not when rendered */}
}}
</Cell>
)}
/>有人知道会发生什么吗？非常感谢
Stack Overflow用户
发布于 2016-10-13 16:20:03
您需要设置每个复选框的值。我的意思是，在每个复选框的初始状态下，使其为假。然后，在发生onchange时，使其对目标事件成立。因此，每当动态生成复选框对象时，每个单元格都有一个唯一的id，它对应于某个值(initialState = true/false)，这取决于您的选择。在此之后，继续根据您的选择更新状态。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40025544
复制相关文章
相似问题
腾讯云开发者
