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
工具: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