javascript - 识别reducer中的React组件？

Question

假设我有一个 React 组件，它接受 id 属性，如下所示:

<Test id=3/>

在其相应的 reducer 函数中，如何根据 id 识别我正在使用哪个组件？

测试组件的 prop 中还有一些函数，如果这会影响任何内容，这些函数将作为默认值导出。

Answer 1

Reducers 不会也不应该对组件一无所知。
它们是执行操作并返回下一个状态的纯函数。
例如，如果我们发送这样的操作:
{type: "ANSWER_UPVOTED", id: '123456'}
然后我们可能有一个reducer来处理这个 Action :

const upvotesReducer = (state = {}, action) => {
    switch (action.type) {
        case "ANSWER_UPVOTED": {
            const currentAnswer = state.find(a => a.id == action.id);
            return {
                ...currentAnswer,
                votes: currentAnswer.numOfVotes + 1
            }
        }

        default: return state;
    }
}  

现在，如果您的组件连接到 redux ，它将可以访问新状态。