在渲染之前使用setState()设置状态?

读了你的文章,我觉得你对自己的反应还很陌生。

基本上,当状态发生变化时,只要比较它维护的虚拟DOM和DOM并呈现它,就会对任何视觉变化进行反应检查。

如果在构造函数中调用方法,它将检测到视觉变化并尝试呈现,因此每次调用构造函数时都会进行呈现。

如果要将道具从父对象传递给子对象,并且该道具与父对象的状态相关联,请确保具有默认状态。

所以,来回答你的问题:

起源

constructor(props){
    super(props)
    this.state = // set your state but don't ever change state here
    .....
}

componentDidMount(){
    this.parseTestData(); // componentWillMount will also work fine
}

render(){
    return(
        <Child arg={this.state.someArg} />
    )
}

孩子

constructor(props){
    super(props)
    this.state = // set your state but don't ever change state here
    .....
}

anyFunction(){
    console.log(this.props.arg) // You can access your arguments here 
}

是的,不能在构造函数内使用此.setState()方法。您可以直接为状态赋值,而不是使用它。请参见下面的示例代码。

constructor(props)
{
  super(props);
  this.state = {
      data:'',
      levels: 2
    }
}