通过SectionList的redux访问数据

npm install redux react-redux

import { createStore } from 'redux';

// 定义初始状态
const initialState = {
  data: [],
};

// 定义reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_DATA':
      return {
        ...state,
        data: action.payload,
      };
    default:
      return state;
  }
};

// 创建store
const store = createStore(reducer);

import { connect } from 'react-redux';

// 定义组件
class MyComponent extends React.Component {
  componentDidMount() {
    // 通过props调用dispatch方法更新数据
    this.props.updateData([/* 数据数组 */]);
  }

  render() {
    return (
      <SectionList
        sections={this.props.data}
        // 其他SectionList的属性
      />
    );
  }
}

// 将store中的状态映射到组件的props上
const mapStateToProps = (state) => ({
  data: state.data,
});

// 将dispatch方法映射到组件的props上
const mapDispatchToProps = (dispatch) => ({
  updateData: (data) => dispatch({ type: 'UPDATE_DATA', payload: data }),
});

// 使用connect方法连接redux的store和组件
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);