React Native 复选框列表传递道具

Question

所以我正在尝试从数组传递道具以使用复选框列表在屏幕上呈现。相反，我的函数传递 objects 而不是道具。我能够通过一个道具，但不能通过其他道具。我正在关注一个新闻源的例子，但文章是 objects。（使用 snack.expo）

如何传递道具而不是 objects？

代码：数组：让任务= [ { 标题：'My first completed task'，检查：真实， }, { 标题：'My second task'，检查：假的， }, { 标题：'My third task'，检查：假的， }, ];

函数： renderCheckBox(){ 让复选框 = [ ];

    for(let i = 0; i < tasks.length; i++){
      let t = tasks[i]
      checkbox.push( <Checkbox onToggleChange={t}/>);
      
    }
    return checkbox;
  }

查看：

  {this.renderCheckBox()}

  

</SafeAreaView>

我可以显示复选框，但不能显示任务。

非常感谢任何帮助。

Answer 1

你应该了解 JSX。以及如何结合 map() 函数进行渲染。这是给你的答案：

const tasks = [ { title: 'My first completed task', checked: true, }, { title: 'My second task', checked: false, }, { title: 'My third task', checked: false, }, ];

<SafeAreaView>
{tasks.map((item: any) => <Checkbox onToggleChange={t} title={item.title} checked={item.checked}/>}
</SafeAreaView>

React Native 复选框列表传递道具

React Native Checkbox List pass props

javascript

arrays

checkbox

jsx

react-native