react-native - React Native 字典数组

Question

谁能告诉我如何在构造函数中为以下结构初始化数组？

我正在这样做

constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

但我认为这是错误的。

这是我的数据结构

[
    {title: 'Title1', data: ['item1', 'item2']},
    {title: 'Title2', data: ['item3', 'item4']},
    {title: 'Title3', data: ['item5', 'item6']},
 ]

提前致谢

标签： react-native

Answer 1

你可能正在做正确的方式。

如果数据来自API / 3rd Party尝试将数据设置为componentDidMount()将初始数据状态保留为空数组并使用 this.setState({ stateArrayName : val}) 设置数据。

否则，如果您事先有一些静态数据或数据，您可以直接将其存储在状态数组中。

    constructor(props)
    super(props){
    this.state = {
    data : [
    {
    name : 'abc',
    data: ['item1', 'item2'],
    etc : 'abc'
    },
{
    name : 'abc',
    data: ['item1', 'item2'],
    etc : 'abc'
    },
{
    name : 'abc',
    data: ['item1', 'item2'],
    etc : 'abc'
    },
{
    name : 'abc',
    data: ['item1', 'item2'],
    etc : 'abc'
    }]
    }