javascript - 如何使用 componentDidUpdate 来更新某些内容而无需刷新页面？

Question

因此，F 显示喜爱的电影数量，W 代表观看的电影数量。

我制作了一个按钮，将最喜欢的电影数量清除为 0，但要更新它，我必须刷新页面。如何使用 componentDidUpdate 生命周期来更新它而不刷新页面？

您能向我解释一下整个过程吗？

Answer 1

我认为你应该将你的电影数量作为一个状态，并且我认为 componentDidUpdate 不是最好的方法，你只需要一个按钮 onClick 监听器。

在你的构造函数中。

constructor(props) {
  super(props);
  this.state = { movies: 0 }; // or movies: [] empty array
}

然后在您的按钮组件中。

<button
  onClick={() => {
    this.setState({ movies: 0 });
  }}
/>