避免在状态更新时重新渲染组件

Question

我在 React Native 中有视频页面，我使用 setState 每秒更新一次时间，因此我的页面每秒钟重新渲染一次。

我使用功能组件。如何避免在我的主返回语句中渲染某些组件。

    const App = () =>
    {
    return (
    <View>
      <View>
      <VideoPlayer/>
      </View>
      <RefreshList url={item.url} />
    </View>
    )
   }

所以基本上上面的代码每秒钟都在渲染 Refreslist 组件。我尝试谷歌搜索并找到了 Memo ，所以我尝试了类似下面的内容

  const Memoized = React.memo((props) => {
    return (
              <RefreshList url={item.url} />
    );
  });

然后在应用内

  const App = () =>
        {
        return (
        <View>
          <View>
          <VideoPlayer/>
          </View>
          <Memoized/>
        </View>
        )
       }

仍然是我的组件 RefreshList 在状态更改时每秒渲染一次。