时间戳

首页 > 解决方案 > react-native 代码的哪一部分会重新渲染每个更改？

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

问题描述

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

  import React, { useState } from 'react';

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

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

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

标签： javascriptreactjsreact-nativerenderingjsx

解决方案

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

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

推荐阅读