Question

我是本机反应的新手，我想知道它的运行流程。例如：

  import React, { useState } from 'react';

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

    return (
      <View>
          .
          .
          .
          .
      </View>
    );
  }

在return语句运行一次或每个渲染之前运行的零件吗？
或每次调用该组件？
如果在另一个组件的return语句中调用了该组件怎么办，是否在每次渲染时重置状态？

Answer 1

在调用组件时，外部返回部分将仅执行一次。

如果您希望代码多次运行，则可以使用useEffect，当您将数组中的依赖项变量作为useEffect的第二个参数传递时，它将根据您的需要运行代码。是的，因为调用任何组件的次数将为该组件创建新状态，因此如果调用，它将影响该组件的先前状态。我想我已经掩盖了您的疑问，这是我的简短答案，如果我留下了什么，请告诉我。

Answer 2

有两种不同类型的组件：

有状态（类）组件和无状态（函数）组件（您正在使用的组件）。

每次状态更改时，类组件将仅执行render()方法，并且每次更改其内部状态时，函数将执行所有代码。您必须知道最适合您的用例

反应本机代码的哪一部分重新呈现每个更改？

2 个答案: