如何在react-native表组件中选中/取消选中单个复选框

时间:2017-08-23 13:40:04

标签: javascript react-native react-native-ios

我正在研究示例应用程序。在那里我使用表组件将row,col值推入一个空数组。如果row,col值存在于空数组中,则必须显示复选标记,如果用户单击(或)再次选中已选中的值,则必须取消选中。任何人都可以建议我如何解决这个问题?任何最好的解决方案表示赞

Assertion failed. See https://openlayers.org/en/v4.2.0/doc/errors/#29 for details
  

我使用此_showdata函数显示每个单元格数据的可单击操作

please check the above image that shows table view

1 个答案:

答案 0 :(得分:0)

尽量避免改变状态。这是你可以在不改变状态的情况下将项添加到状态的方法:

this.setState({
    isSelected:true,
    tableCellData: [
        ...this.state.tableCellData, 
        {i, j}
    ]
});

请注意,我没有将新数据直接推送到tableCellData数组(这将是一个状态变异),而是我创建了一个新的tableCellData数组。然后我使用新数组更新了状态。这是一个很好的理由。

如果你改变了状态(比如你发布的代码),那么oldState.tableCellData === newState.tableCellData(它们都指向内存中的同一个对象)。