【问题标题】:Can't access the selected checkbox data无法访问选定的复选框数据
【发布时间】:2019-03-14 07:07:51
【问题描述】:

我有一个数组。我想将此数组中的所有元素显示为复选框。当我按下复选框时,我调用显示带有选中标签复选框的控制台的函数,但我无法访问数组中的所有数据。我用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)}
/>

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

【问题讨论】:

    标签: arrays reactjs react-native


    【解决方案1】:

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

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

    传递项目:onChecked={item =&gt; this._onSelect(item)}

    在你的 onSelect 函数中:

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

    【讨论】:

    • 是的,我尝试过并且成功了,但我想通过这一行中的索引onChecked={item =&gt; this._onSelect(item)}
    • 然后将其传递给您的 onSelect 参数。 onChecked={item =&gt; this._onSelect(item[0].value)}
    • 这是循环而不是单个索引
    • 请查看我更新的答案。下次您发布问题时,请澄清这是您想要实现的目标。
    猜你喜欢
    • 2016-08-02
    • 2021-06-03
    • 1970-01-01
    • 1970-01-01
    • 2018-01-15
    • 2013-04-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多