React-redux：允许用户对组件提供反馈答案

【问题标题】：React-redux: allowing users to give feedback on a componentReact-redux：允许用户对组件提供反馈
【发布时间】：2017-10-02 13:31:23
【问题描述】：

我正在从我的后端返回一个预测列表，该列表在仪表板中呈现（我在 componentWillMount() 中进行 API 调用）。每个预测都呈现为一个演示组件，并具有一个喜欢和不喜欢的按钮。一旦用户单击该按钮，就会调用一个 Axios 操作，该操作将事件发布到后端 REST API 以保存此反馈。

在我看来，我不需要在这里处理 Redux 的状态，除非我想禁用按钮或在单击时更改它们。我在这里要做的就是1）在按钮上触发一个CSS动画（某种反弹）让用户知道他点击了它，如果Axios操作返回错误，我需要在错误部分显示它.

问题是我无法弄清楚如何做到这一点，而无需通过将 Axios 结果分派到状态，将其放入减速器，然后将状态映射到组件中的 props 等等。这个对于这种短暂的东西来说似乎有点矫枉过正，不是吗？

【问题讨论】：

你可以直接使用 axios 而不使用任何 reducer。但是 css 部分需要组件重新渲染。 - 添加新的 className 或其他内容，以便您可以使用 css。

标签： reactjs react-redux axios

【解决方案1】：

是的。正如@ReiDien 所说

你可以直接使用 axios 而不使用任何 reducer。

至于动画和错误信息，您可以使用组件的状态来存储它们。您可能需要一个容器组件来处理状态及其更改。你的处理程序最终是这样的：

handleLike = () => {
  this.setState({
    liked: true,
  });
  axios.post(...)
    .catch((error) => {
      this.setState({
        error: error,
        liked: false
      });
    });
}

【讨论】：