Question

我正在研究redux，但是我有点怀疑如何最好地使用api

我在应用程序上

import React,{Component} from 'react';
import logo from './logo.svg';
import './App.css';
import Home from './components/HomePage';
import { Provider } from 'react-redux';
import store from './store';
class App extends Component {

  render(){
    return (
      <div className="App">
      <Provider store={store}>
      <Home/>
      </Provider>
      </div>
    )
  }
}

export default App;

我

import React, { Component } from 'react'
import {connect} from 'react-redux'
export default class index extends Component {
  render() {
    return (
      <div>

      </div>
    )
  }
}

我的商店：

import { createStore } from 'redux';

function reducer(){
    return [

    ];
}

const store = createStore(reducer);

export default store;

我想知道将我的api与我的通讯放在何处

会采取行动吗？

Answer 1

考虑使用“ redux-thunk”。首先，将thunk添加到您的商店中，然后您可以将API调用放入动作创建者中：）

Answer 2

为此使用Redux-Saga。

https://github.com/redux-saga/redux-saga

来自文档：

redux-saga是一个旨在使应用程序产生副作用的库（即异步事物如数据获取和不纯净事物如访问浏览器缓存）更易于管理，效率更高执行，易于测试，并且更好地处理故障。

React JS，Redux使用API

2 个答案: