React技巧之状态更新

原文链接：https://bobbyhadz.com/blog/react-update-state-when-props-change[1]

作者：Borislav Hadzhiev[2]

正文从这开始~

总览

在React中，当props变动时更新状态，我们需要：

1. 将props作为依赖传递给useEffect钩子。
2. 每当props更新时，useEffect中的逻辑代码就会重新运行。

代码语言：javascript复制

import {useEffect, useState} from 'react';

function Child({parentCount}) {
  const [childCount, setChildCount] = useState(0);

  useEffect(() => {
    setChildCount(parentCount * 2);

    console.log('useEffect logic ran');
  }, [parentCount]); // 


	

https 网络安全 react 编程算法 


	




	
 0 人点赞