javascript - Reactjs:切换不同组件的类

标签 javascript reactjs toggle transition flux

工具:Reactjs 和 vanilla Flux。

我正在 React 中制作一个 Canvas 外 slider 。它控制的按钮和滑动菜单位于单独的组件中。这使得组件内的状态更改(就像我见过的许多示例一样)不可能。

这是否意味着我需要处理商店内滑动组件(事件或不活动)的切换数据?

最佳答案

您可以使用 Flux 模式 action -> 调度程序 -> store(更改状态和通知) 并让父组件通过 props 传递状态。

您还可以让父组件通过 props 将回调传递给您的按钮,以更改父组件的状态,该状态将向下传递到您的菜单(再次通过 props)。

恕我直言,最好通过通量模式通过使 UI 状态全局化来做到这一点。当其他组件需要知道 UI 状态的变化时,它也很有用。

此外,这篇博文可能值得一读:http://www.thomasboyt.com/2014/09/15/no-fit-state.html

关于javascript - Reactjs:切换不同组件的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32956622/

相关文章:

javascript - 使用鼠标从 iframe 中选择文本并在 div 中显示选择

javascript - 单击时切换拉斐尔对象的颜色

javascript - 纯 javascript 只切换一次使用 data-getAttribute 来比较

javascript - 语法错误 : expected expression, 得到 '<' - javascript

javascript - 工作表js xlsx writeFile回调

javascript - "Google-Promote/Restore"动画是如何实现的?

reactjs - 如何使用 reactjs 提交父组件中的子值?

javascript - 在函数上切换背景颜色 - ReactJS

javascript - babel-node 无法在 node_modules 中要求 jsx 文件

javascript - 通过切换功能对数字进行 Angular 排序