如何在react native中将滑块连接到redux？

npm install --save redux react-redux

// sliderReducer.js

const initialState = {
  value: 0
};

const sliderReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_VALUE':
      return {
        ...state,
        value: action.payload
      };
    default:
      return state;
  }
};

export default sliderReducer;

// sliderActions.js

export const setValue = (value) => ({
  type: 'SET_VALUE',
  payload: value
});

import React from 'react';
import { View, Slider } from 'react-native';
import { connect } from 'react-redux';
import { setValue } from './actions/sliderActions';

class SliderComponent extends React.Component {
  render() {
    return (
      <View>
        <Slider
          value={this.props.value}
          onValueChange={this.props.setValue}
        />
      </View>
    );
  }
}

const mapStateToProps = (state) => ({
  value: state.slider.value
});

const mapDispatchToProps = {
  setValue
};

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

import React from 'react';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import sliderReducer from './reducers/sliderReducer';
import SliderComponent from './SliderComponent';

const store = createStore(sliderReducer);

export default function App() {
  return (
    <Provider store={store}>
      <SliderComponent />
    </Provider>
  );
}