react-native 代码的哪一部分重新呈现每个更改？

Question

我是 react-native 的新手，我想知道它的运行流程。例如：

  import React, { useState } from 'react';

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

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

return 语句之前的部分是运行一次还是每次渲染？
或者每次组件被调用时？
如果此组件在另一个组件的 return 语句中被调用怎么办，状态是否会在每次渲染时重置？

Answer 1

return以外的部分在调用组件时只会执行一次

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

Answer 2

有两种不同类型的组件：

有状态 (class) 组件和无状态（功能）组件（您正在使用的组件）。

class 组件只会在每次状态更改时执行 render() 方法，而函数将在每次更改内部状态时执行 所有代码它。您必须知道最适合您的用例

react-native 代码的哪一部分重新呈现每个更改？

which part of react-native code re-renders every change?

javascript

rendering

jsx

reactjs

react-native