React Native -如何访问具有redux的组件状态？

npm install redux react-redux

import { createStore } from 'redux';
import { Provider } from 'react-redux';
import rootReducer from './reducers'; // 导入根reducer

const store = createStore(rootReducer);

const App = () => (
  <Provider store={store}>
    {/* 根组件 */}
  </Provider>
);

export default App;

// counterReducer.js
const initialState = {
  count: 0,
};

const counterReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'DECREMENT':
      return { ...state, count: state.count - 1 };
    default:
      return state;
  }
};

export default counterReducer;

import { connect } from 'react-redux';

const Counter = ({ count, increment, decrement }) => (
  <View>
    <Text>{count}</Text>
    <Button title="增加" onPress={increment} />
    <Button title="减少" onPress={decrement} />
  </View>
);

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

const mapDispatchToProps = (dispatch) => ({
  increment: () => dispatch({ type: 'INCREMENT' }),
  decrement: () => dispatch({ type: 'DECREMENT' }),
});

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