时间戳

首页 > 解决方案 > React js, redux 消费 api

reactjs - React js, redux 消费 api

问题描述

好吧，我正在研究 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 进行通信

这会是一个动作吗？

标签： reactjsredux

解决方案

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

推荐阅读