react redux的操作是如何访问dispatch和getState的？

在React Redux中，可以通过使用connect函数来连接React组件和Redux store。connect函数接受两个参数：mapStateToProps和mapDispatchToProps。

mapStateToProps是一个函数，它接收Redux store的state作为参数，并返回一个对象，该对象包含组件所需的state属性。通过这个函数，组件可以访问Redux store中的状态。

mapDispatchToProps是一个函数或对象，它定义了组件如何触发Redux action。如果mapDispatchToProps是一个函数，它接收dispatch作为参数，并返回一个对象，该对象包含组件所需的触发action的函数。如果mapDispatchToProps是一个对象，它应该是一个包含action creators的对象，这些action creators将自动绑定到dispatch函数上。

通过connect函数将组件与Redux store连接后，组件就可以通过props访问dispatch和getState。

例如，假设我们有一个名为Counter的组件，它需要访问dispatch和getState。我们可以使用connect函数将组件连接到Redux store，并在mapDispatchToProps中定义一个触发action的函数：

import { connect } from 'react-redux';
import { incrementCounter } from './actions';

const Counter = ({ count, increment }) => {
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    count: state.counter.count
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    increment: () => dispatch(incrementCounter())
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(Counter);

在上面的例子中，mapStateToProps函数将Redux store的counter状态映射到组件的props中的count属性。mapDispatchToProps函数将incrementCounter action creator绑定到dispatch函数上，并将其映射到组件的props中的increment属性。

这样，Counter组件就可以通过props访问dispatch和getState。当点击"Increment"按钮时，increment函数将被调用，触发incrementCounter action，并通过dispatch函数将该action发送到Redux store。