文章/答案/技术大牛

发布

社区首页 >问答首页 >对useEffect - React的多次调用

问对useEffect - React的多次调用
EN

Stack Overflow用户

提问于 2019-09-02 16:33:23

回答 1查看 76关注 0票数 3

我只想在productType改变时执行我的useEffect方法中的代码，一旦页面加载，我就能识别出console.log被执行了6-7次以上，这是我不想要的。

下面是我的代码摘要：

const [productType, setProductType] = useState(null);

useEffect(() => {
  console.log(productType);
}, productType);

我的想法是在productType更改时在此useEffect中执行代码，我在下拉列表中更改它，如下所示：

<MyDropdownComponent
  value={productType}
  onChange={e => setExportType(e.target.value)}
  width={200}
/>

所以我想知道为什么当我加载这个视图/模板时，我在我的控制台上得到了6-7-8 console.logs of null。

回答已采纳

发布于 2019-09-02 16:36:47

useEffect挂钩需要一个数组作为第二个参数。他们这样做可能是为了区分空数组(只运行一次效果)和默认数组(在每次渲染时运行)，如果他们直接使用arguments，则不会有默认数组。

您需要像这样传递一个数组：

useEffect(() => {
  console.log(productType);
}, [productType]);

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57753736

复制

相似问题

问对useEffect - React的多次调用EN