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. 您必須知道最適合您的用例