我需要帮助创建状态选择器,根据redux docs的文档规范化
州
{
"entities": {
"people": {
"byId": {
"1": {
"name": "Test User 1",
"classes": ["class1", "class2"],
"isSelected": true
},
"2": {
"name": "Test User 2",
"classes": ["class2", "class3"],
"isSelected": false
},
"3": {
"name": "Test User 3",
"classes": ["class4"],
"isSelected": false
}
},
"allIds": ["1", "2", "3"]
},
"classes": {
"byId": {
"class1": {
"name": "Class 1",
"courses": ["course1", "course2"]
},
"class2": {
"name": "Class 2",
"courses": ["course2"]
},
"class3": {
"name": "Class 3",
"courses": ["course1", "course3"]
}
},
"allIds": ["class1", "class2", "class3"]
},
"courses": {
"byId": {
"course1": {
"name": "Course 1"
},
"course2": {
"name": "Course 2"
},
"course3": {
"name": "Course 3"
}
},
"allIds": ["course1", "course2", "course3"]
}
}
}
在每个人的个人资料中,我想显示相关的课程和课程。我无法创建选择器来访问此信息。
人民选择
import { createSelector } from 'reselect';
const getPeopleDetails = createSelector(
state => state.entities.people,
(people) => people.allIds.reduce(
(acc, cV) => {
if(people.byId[cV].isSelected) acc.push(people.byId[cV]); return acc;
}, [])
);
export default {
getPeopleDetails
}
由于createSelector
不接受任何参数。对于我在courses
州的切片;如何创建选择器以获取当前所选人员的个人资料的信息?
我应该创建一个联结表来描述实体之间的关系吗?
(我很反应/ redux)
你的选择器可以采取道具和状态。然后你可以将它用作选择器的参数:
const getPerson = (state, props) =>
state.entities.people.byId[props.id];
const getPersonDetails = createSelector(
getPerson,
state => state.entities.classes,
(person, classes) => {
// loop through classes, etc..
// return whatever
}
);