componentDidMount是否等效于React函数 Hooks组件？

componentDidMount是否等效于React函数/ Hooks组件？

对于钩子的稳定版本（反应版本16.8.0+）

对于

componentDidMount

useEffect(() => {  // Your pre here}, []);

对于

componentDidUpdate

useEffect(() => {  // Your pre here}, [yourDependency]);

对于

componentWillUnmount

useEffect(() => {  // componentWillUnmount  return () => {     // Your pre here  }}, [yourDependency]);

因此，在这种情况下，您需要将依赖项传递给此数组。假设您处于这样的状态

const [count, setCount] = useState(0);

每当计数增加时，您都希望重新呈现功能组件。那你

useEffect

应该像这样

useEffect(() => {  // <div>{count}</div>}, [count]);

这样，无论何时更新计数，组件都将重新呈现。希望这会有所帮助。