React组件在选项卡之间来回移动时加载数据两次

的问题，是因为React在组件状态切换时，会重新渲染组件并重新执行组件的生命周期函数，从而导致数据的重新加载。

为了解决这个问题，可以采取以下几种方法：

1. 数据缓存：在组件中引入缓存机制，通过缓存数据来避免重复加载。可以使用一些缓存库如lru-cache或者sessionStorage/localStorage等来缓存数据，当再次渲染组件时，首先从缓存中获取数据，避免重复请求。
2. 组件懒加载：使用React.lazy()和React.Suspense()来实现组件的懒加载。这样在切换选项卡时，只有当前选项卡对应的组件会被加载和渲染，其他选项卡对应的组件会被暂时卸载，避免了不必要的数据加载。
3. 使用shouldComponentUpdate或React.memo进行组件优化：通过重写shouldComponentUpdate生命周期函数或使用React.memo来对组件进行浅比较，判断组件是否需要重新渲染。只有当组件的props或state发生变化时，才重新渲染组件。
4. 使用React Router库：通过使用React Router库，将选项卡作为路由的不同路径，每个选项卡对应一个独立的路由组件。这样在切换选项卡时，路由组件会重新加载，但其他选项卡对应的组件不会重新加载，解决了数据多次加载的问题。

以上是解决React组件在选项卡之间来回移动时加载数据两次的几种常见方法。具体选择哪种方法，可以根据实际情况和项目需求进行选择。关于React组件和相关技术的更多信息，你可以参考腾讯云的React产品介绍和文档：

React产品介绍链接：https://cloud.tencent.com/product/react React文档链接：https://reactjs.org/docs/