如何访问redux-toolkit中react组件外部的react-redux存储？

要访问redux-toolkit中react组件外部的react-redux存储，需要使用react-redux提供的useSelector和useDispatch钩子函数。

首先，确保你已经正确安装和配置了redux和react-redux。
在你的react组件中，使用useSelector钩子函数来访问存储中的状态数据。useSelector接收一个回调函数作为参数，该回调函数可以接收存储中的状态作为参数，并返回所需的状态数据。例如：

import { useSelector } from 'react-redux';

const MyComponent = () => {
  const counter = useSelector(state => state.counter); // 访问存储中的counter状态
  // 使用counter状态进行其他操作
  return (
    <div>{counter}</div>
  );
};

export default MyComponent;

如果你想在组件中派发一个动作来更新存储中的状态，可以使用useDispatch钩子函数。useDispatch返回一个派发函数，可以接收一个动作对象作为参数来触发存储的更新。例如：

import { useDispatch } from 'react-redux';
import { increment } from './actions'; // 假设有一个名为increment的动作

const MyComponent = () => {
  const dispatch = useDispatch();
  
  const handleIncrement = () => {
    dispatch(increment()); // 派发increment动作
  };

  return (
    <button onClick={handleIncrement}>Increment</button>
  );
};

export default MyComponent;

需要注意的是，redux-toolkit提供了更加简洁和易用的方式来创建和管理存储，并集成了react-redux，可以使用createSlice和createAsyncThunk等工具函数来定义和处理状态和动作。

在腾讯云的产品中，可以使用腾讯云的云开发（CloudBase）来快速构建和部署全栈应用。云开发提供了云函数、数据库、存储、云托管等服务，可以方便地与redux-toolkit和react-redux集成。你可以访问以下链接来了解更多关于腾讯云云开发的信息：

请注意，以上答案仅供参考，具体实现方式可能因具体项目和需求而异。建议在实际开发中根据需求和技术选择来进行具体实现。