javascript - 当 Prop 改变时渲染 react 组件

Question

如何在 props 改变时强制渲染我们的组件？如何在子组件的 props 发生变化时强制渲染父组件？

我搜索了很多，但所有解决方案在新的 React 版本中都已弃用。

在我的任何页面中(路线精确路径=“/post/:id”组件={post})例如(siteUrl/post/1)我从 Prop (this.props.match。 params) 并且有效。

但是当我在单页组件 (Post) 和这个路由 (siteUrl/post/1) 中时，当我将新的 Props 传递给这个组件 (:id) 时。

props 会改变但是单个组件和父组件不会重新渲染...

Answer 1

您可能正在使用 componentDidMount 方法。

componentDidMount() is invoked immediately after a component is mounted (inserted into the tree). Initialization that requires DOM nodes should go here. If you need to load data from a remote endpoint, this is a good place to instantiate the network request.

但是你需要使用componentDidUpdate。

componentDidUpdate() is invoked immediately after updating occurs. This method is not called for the initial render.

您也可以在不编写类的情况下使用状态和其他 React 功能。阅读更多:https://reactjs.org/docs/hooks-effect.html