Javascript 用react js中的Redux连接API结果

我有一个从api获取数据的搜索表单。这是我第一次使用Redux，请原谅我的无知

我能够在侧边栏中显示搜索结果，而无需使用redux store

  handleSubmit(event) {
    event.preventDefault()
    get(`api1`, { maxContentLength: 400 })
    .then((res) => {
        this.setState({SearchItems: res.data})
    })
  }

有几个步骤 您可以使用以下方法手动从redux存储对象

下面的方法将向减速器分派操作

store.dispatch（{type:'GET_RESULTS'，payload:{}}）

store.subscribe

将接收所有操作，您可以在此处注册回调

store.getState（）

使用此方法可以访问当前状态

您可以在这里的example with redux中找到完整的文档和示例

对于react应用程序，您可以使用react redux包将

提供程序

组件附带的redux与

存储

属性集成

使用此选项，您可以在创建应用程序组件的index.js文件中导入全局存储对象

现在设置提供程序组件后，您可以使用

并使用react组件中的Connect高阶组件将redux操作集成到react组件中。Connect接受两个函数mapStateToProps和mapDispatchToProps函数作为参数，并返回将react组件传递到的高阶组件

mapStateToProps的功能是，其名称接受全局状态并返回具有属性的对象，然后可以从props访问这些属性，类似地，mapDispatchToProps接受props的分派器。下面是使用react-redux与redux集成的react组件的示例

---

下面是视频教程

您在React和Redux之间使用的中间件是什么？您好-我有-从store.js文件中的'Redux'导入{applyMiddleware，…}只是一个函数。您正在使用或将要使用什么中间件？例如，雷迪克斯传奇或雷迪克斯图恩。你也创建了商店吗？我使用redux thunk。样板随附。商店也已创建。-我已经在主条目js文件中找到了我的应用程序。嗨@StarAzure，你能分享你的组件代码吗？