如何在React Native中使用多个数组通过Redux存储状态值

npm install redux react-redux

import { createStore } from 'redux';

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

// 定义reducer函数来处理状态更新
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_ARRAY1':
      return { ...state, array1: action.payload };
    case 'UPDATE_ARRAY2':
      return { ...state, array2: action.payload };
    case 'UPDATE_ARRAY3':
      return { ...state, array3: action.payload };
    default:
      return state;
  }
};

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

export default store;

import React from 'react';
import { Provider } from 'react-redux';
import store from './store';
import YourComponent from './YourComponent';

const App = () => {
  return (
    <Provider store={store}>
      <YourComponent />
    </Provider>
  );
};

export default App;

import React from 'react';
import { connect } from 'react-redux';

const YourComponent = ({ array1, array2, array3 }) => {
  // 使用状态值
  console.log(array1);
  console.log(array2);
  console.log(array3);

  return (
    // 组件的JSX代码
  );
};

// 将状态值映射到组件的props
const mapStateToProps = state => ({
  array1: state.array1,
  array2: state.array2,
  array3: state.array3
});

export default connect(mapStateToProps)(YourComponent);

import { useDispatch } from 'react-redux';

const YourComponent = ({ array1 }) => {
  const dispatch = useDispatch();

  const updateArray1 = newArray => {
    dispatch({ type: 'UPDATE_ARRAY1', payload: newArray });
  };

  // 使用状态值
  console.log(array1);

  return (
    // 组件的JSX代码
  );
};