【发布时间】:2015-10-05 19:42:12
【问题描述】:
工具:Reactjs 和 vanilla 助焊剂。
我正在 React 中制作一个非画布滑块。它控制的按钮和滑动菜单位于不同的组件中。这使得组件内的状态更改(就像我见过的许多示例一样)是不可能的。
这是否意味着我需要处理商店内滑动组件(活动或非活动)的切换数据?
【问题讨论】:
标签: javascript reactjs toggle transitions flux
工具:Reactjs 和 vanilla 助焊剂。
我正在 React 中制作一个非画布滑块。它控制的按钮和滑动菜单位于不同的组件中。这使得组件内的状态更改(就像我见过的许多示例一样)是不可能的。
这是否意味着我需要处理商店内滑动组件(活动或非活动)的切换数据?
【问题讨论】:
标签: javascript reactjs toggle transitions flux
您可以使用通量模式action -> dispatcher -> store (change state & notify) 并让父组件通过道具传递状态。
您还可以让父组件通过 props 将回调传递给您的按钮,以更改父组件的状态,该状态将被传递到您的菜单(同样,通过 props)。
恕我直言,最好通过将 UI 状态设为全局来通过通量模式来实现。在其他组件需要知道 UI 状态变化的情况下,它也很有用。
另外,这篇博文可能值得一读:http://www.thomasboyt.com/2014/09/15/no-fit-state.html
【讨论】: