如何在react-native中获取API，特别是在reducer中使用redux？

npm install redux react-redux

import { createStore } from 'redux';
import rootReducer from './reducers';

const store = createStore(rootReducer);

export const fetchData = () => {
  return async (dispatch) => {
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      dispatch({ type: 'FETCH_DATA_SUCCESS', payload: data });
    } catch (error) {
      dispatch({ type: 'FETCH_DATA_FAILURE', payload: error.message });
    }
  };
};

const initialState = {
  data: null,
  error: null,
};

const dataReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_DATA_SUCCESS':
      return { ...state, data: action.payload, error: null };
    case 'FETCH_DATA_FAILURE':
      return { ...state, data: null, error: action.payload };
    default:
      return state;
  }
};

export default dataReducer;

import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { fetchData } from './actions';

const MyComponent = ({ data, error, fetchData }) => {
  useEffect(() => {
    fetchData();
  }, []);

  if (error) {
    return <Text>Error: {error}</Text>;
  }

  if (!data) {
    return <Text>Loading...</Text>;
  }

  return (
    <View>
      <Text>Data: {data}</Text>
    </View>
  );
};

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

export default connect(mapStateToProps, { fetchData })(MyComponent);