如何在reactjs中引用状态声明中的状态

Question

我有一个类，它有一个步骤数组作为状态。

此数组中的对象是一个组件，需要我将状态作为属性传递给它。

constructor(props){
 super(props);

this.state = {
     steps:[
          {
               id: '1',
               component: <ABC mem={this.state.memory} />
          }
     ],

     memory: "Testing"
}

}

它给了我一个错误。

Answer 1

Ya，它会给出错误，因为{this.state.memory}尚未初始化。

状态初始化为构造函数中的第一次，到那时状态将不确定。

不确定你的用例，但如果你想保留对数组内不同组件的引用并稍后通过传递道具来渲染它，你当然可以使用React.createElement或直接渲染它来更好的方法

以下是工作示例：

https://codepen.io/raviroshan/pen/ZxNeWX?editors=0010