如何在组件外部访问redux store？

在Redux中，可以通过使用React的react-redux库来在组件外部访问Redux store。react-redux提供了Provider组件，它可以将Redux store传递给React应用的所有组件。

首先，在应用的根组件中使用Provider组件将Redux store传递给应用的所有组件。例如：

import { Provider } from 'react-redux';
import store from './store'; // 导入Redux store

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

在上面的代码中，store是Redux store的实例，通过将其作为store属性传递给Provider组件，可以使应用的所有组件都能够访问到Redux store。

然后，在组件外部访问Redux store时，可以使用react-redux提供的useSelector钩子函数。useSelector函数接收一个回调函数作为参数，该回调函数可以访问Redux store的状态，并返回所需的数据。例如：

import { useSelector } from 'react-redux';

const MyComponent = () => {
  const counter = useSelector(state => state.counter); // 从Redux store中获取counter状态

  return (
    <div>
      <p>Counter: {counter}</p>
    </div>
  );
};

在上面的代码中，useSelector钩子函数接收一个回调函数，该回调函数接收state参数，可以访问Redux store的状态。在这个例子中，我们从Redux store中获取了counter状态，并在组件中显示了它的值。

需要注意的是，为了使用useSelector钩子函数，组件必须位于Provider组件的子组件树中。

这是一个简单的示例，展示了如何在组件外部访问Redux store。根据具体的业务需求，可以根据需要使用其他react-redux提供的钩子函数和API来访问和操作Redux store。