javascript - ReactJS，如何从 CHILD 更新 PARENT 的状态

<分区>

如果我有一个设置状态并将其传递给子级的父级，我如何才能从子级更改父级的状态？

    // parent
    this.state = {
        status: 'doing...'
    }

    // child render
    <div>{this.props.state.status}</div>
    // child function triggered by an onClick
    update = () => this.setState(status: 'finished');

这样的东西是行不通的

    // parent
    this.state = {
        status: this.props.state.status
    }

    // or child
    this.props.setState(status: 'finished');

    // or child
    getDerivedStateFromProps(nextProps) {
       console.log('I'm never executed)
       this.setState({ status: nextProps.state.status});
    }

最佳答案

这里说的

How to update the state of child component from parent?

对于选项 2，我不明白的是如何通过 props 传递函数。

如果在 child 那里我定义了<CHILD message={this.message}然后我可以用 this.props.message 调用那个函数在 child 中。

关于javascript - ReactJS，如何从 CHILD 更新 PARENT 的状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52892009/