Reactjs:切换不同组件的 class

Reactjs: Toggling the class of a different component

工具:Reactjs 和 vanilla flux。

我正在 React 中制作一个 off-canvas 滑块。它控制的按钮和滑动菜单 位于单独的组件中 。这使得组件内的状态改变(就像我见过的许多例子)是不可能的。

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

您可以使用通量模式 action -> dispatcher -> store (change state & notify) 并让父组件通过 props 向下传递状态。

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

恕我直言,最好通过使 UI 状态全局化来通过通量模式来实现。在其他组件需要知道 UI 状态变化的情况下,它也很有用。

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