React：如何将组件身份传递给Redux状态

Question

Is it safe to pass this to Redux action creator from withing component defined using React.createClass ?

I have defined the following reducer:

const unsavedChangesProtectionReducer = handleActions({
    [ENABLE_UNSAVED_CHANGES_PROTECTION]: (unsavedChangesProtection, action) => ({protected: true}),
    [DISABLE_UNSAVED_CHANGES_PROTECTION]: (unsavedChangesProtection, action) => ({protected: false})},
    {protected: false}
)

Multiple components may set/unset the global state.unsavedChangesProtection.protected flag, and problem arises from unsetting this flag, as component shouldn't unset it if some other component has set it before this component.

One solution is to check if flag is already set and if not, set it, store the info about component setting the flag in component's internal state, and unset it if internal state states that component has set the flag. However, this violates the DRY principle, as I have to introduce exactly same login in every component.

More generalized solution would be to store the identity of the component which lastly mutated the global state as a member of state itself, so each component can see from the state if it's their change and unset in accordingly. Is this possible to implement in React, as each component are re-initialized when mounted/unmounted

Answer 1

当然，在reducer中具有setBy属性是可行的，并且您还必须为每个组件添加额外的逻辑到componentWillUnmount方法，如果该组件负责设置/ setBy设置，则该组件可能会改变将触发reset setBy操作的标志首先是标志（您不想保留从dom中删除的组件的引用，因为它将阻止所有其他组件更改标志）