React Native，从对象或数组构造初始状态值

Posted 2023-02-22

【中文标题】React Native，从对象或数组构造初始状态值

【英文标题】：React Native, construct initial state values from a object or array

【发布时间】：2020-06-30 21:06:24

【问题描述】：

是否可以在从数组或对象传递给该组件的构造函数中创建状态。

以下是要实现的目标：

constructor(props) 
    super(props);
    this.state= 
        Object.keys(this.props.data).map((key, i) => 
            [key]: 'boo',
        )
    

但它返回一个语法错误。

这个想法是this.props.data 中的数据创建了一系列状态。传递给this.props.data的数据事先并不被组件知道，而是在组件使用时作为prop传递给它。

【参考方案1】：

你可以直接声明this.state，返回map数组

更新

constructor(props) 
    super(props);
    this.mapData = Object.keys(this.props.data).map((key, i) =>([key]: 'boo'))
    this.state = this.pre_state ? Object.assign(, ...this.pre_state) : ;

【讨论】：

但是，状态不可访问。调用 this.state.WhateverTheKeyWas 返回未定义。

对不起。 this.state 只接受作为对象。我刚刚更新了我的答案。您可以使用Object.assign 为对象.sample 创建数组，例如codesandbox.io/s/staging-cdn-pr6td