react-native 代码的哪一部分会重新渲染每个更改？

Question

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

  import React, { useState } from 'react';

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

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

return 语句之前的部分是运行一次还是每次渲染？
或者每次调用组件时？
如果这个组件在另一个组件的返回语句中被调用，state 会在每次渲染时重置吗？

Answer 1

return 外面的部分在我们调用组件时只会执行一次。

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

Answer 2

有两种不同类型的组件：

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

The class components will only execute the render() method every time state changes and function will execute all the code every time you change the state inside it. 您必须知道最适合您的用例