javascript - 使用 componentWillRecieveProps 从 App.js 接收 Prop

Question

• 在我的按钮组件的 app.js 中，我给了这个 Prop propTwo={"two"}
• 但 Button.js 仍然没有在 componentWillReceiveProps 中打印任何内容
• 你能告诉我如何使用 componentWillReceiveProps 方法接收 Prop
• 你能告诉我如何在我的应用程序中使用 componentWillReceiveProps
• 在下面提供我的代码片段和沙箱

https://codesandbox.io/s/hopeful-villani-xyikq

class Button extends Component {
  componentWillReceiveProps(nextprops) {
    console.log("componentWillReceiveProps nextprops--->", nextprops);
  }
  render() {
    return (
      <div>
        <button
          onClick={() => {
            // getPosts(channel);
            //  getAlert();
          }}
          className="btn btn-primary btn-lg btn-block"
        >
          Get top news
        </button>
      </div>
    );
  }
}

App.js

const App = () => (
  <div>
    <RecentChannelItem />
    <ChannelsField propOne={"one"} />
    <Button propTwo={"two"} />
    <TopNews />
  </div>
);

Answer 1

componentWillReceiveProps 已被弃用。

您可以使用 componentDidUpdate .

您可以通过访问 componentDidUpdate 中的 this.props 来访问更新的 Prop 。