如何在 Redux 中使用 React.js 更改容器中的 onClick 元素？答案

【问题标题】：How to do onClick element change in Redux a container with React.js?如何在 Redux 中使用 React.js 更改容器中的 onClick 元素？
【发布时间】：2017-06-06 19:58:06
【问题描述】：

我已经从其他人here 那里看到了类似的问题，答案很清楚。但是，如果您在 redux 容器中使用，状态会通过 mapStateToProps 函数变成道具。

如果我想要，那么如何继续正确？当我单击或双击它时，我的 text-div 会变成输入吗？我还没有任何代码，我想知道理论。

【问题讨论】：

容器组件不能有props和state吗？ props 可以来自 redux，state 可以在组件中初始化，可以用来决定使用哪种组件。除非我在你的问题中遗漏了什么，否则我认为你可能想多了。
我不太确定。我试图在其中设置状态，但没有成功。从教程中，我了解到所有状态都会变成容器中的道具。也许我错了。找出来非常重要。
事实并非如此。 Props 仅指传递给组件的内容。这可能意味着它是从父级传递给子级的，或者是从 redux 传递到组件的。状态是指在组件内初始化的数据，它会一直保持在该组件中的状态。

标签： javascript reactjs redux eventhandler

【解决方案1】：

组件获取作为 props 传入的商店状态数据，但它们也可以有自己的状态。所以在你的情况下，你的组件将使用它自己的状态来处理div 到input 的切换。如果出于某种原因您希望将其保存在商店中，您将触发一个操作来切换视图，然后在您的渲染方法中使用商店中的道具。

【讨论】：

谢谢蔡斯，听起来不错。我明天试试看！