无法访问所选的复选框数据

时间:2018-10-09 13:21:30

标签: arrays reactjs react-native

我有一个数组。我想将此数组中的所有元素显示为一个复选框。当我按下复选框时,我调用显示带有选中标签复选框的控制台的函数,但是我无法访问该数组中的所有数据。我使用了react-native-checkbox-form

这是我的代码:

<CheckboxFormX
  style={{ width: 350 - 30 }}
  dataSource={all_national_number}
  itemShowKey="label"
  itemCheckedKey="RNchecked"
  iconSize={16}
  formHorizontal={true}
  labelHorizontal={false}
  labelHorizontal={false}
  onChecked={item => this._onSelect(item)}
/>

如何访问图像中的所有数据?

1 个答案:

答案 0 :(得分:0)

它返回一个对象数组。对于要从​​中获取数据的任何对象,都需要指定其在数组中的位置。例如:如果您想要第一个对象的值,您将像这样获得它:console.log(item[0].value)同样地,如果您想要第二个对象的“值”键,您将做相同的事情,但是在数组中的位置不同: console.log(item[1].value)

已更新:要遍历每个项目,请在函数中的数组上使用forEach。

传递项目:onChecked={item => this._onSelect(item)}

在您的onSelect函数中:

onSelect(item) { item.forEach((item) => console.log(item.value)); }