我正在使用 React Hooks 和 Effector 尝试将数据渲染到卡片上。数据将从React-Select下拉列表中删除(代表不同的国家/地区),其想法是用户将能够根据这些国家/地区添加选择,有点像 TODO 应用程序。
但是,我发现每当我返回上一个下拉选择时,数据都不会保存。我使用effector,hooks,react-select和react-jss对造型。团队作为React-Select组件的道具传递。
const PlayerComponent = ({ containerStyles, team }) => {
const [items, setItems] = useState([]);
const teamsStore = useStore(testTeams);
const playersStore = useStore(testPlayers);
useEffect(() => {
const playersByTeam = playersStore.filter(
(player) =>
player.teamId ===
teamsStore.find(function (t) {
return t.label === team;
}).teamId
);
setItems(
playersByTeam.map(function (player) {
let players = { name: player.name };
return players;
})
);
}, [playersStore,team,teamsStore]); …Run Code Online (Sandbox Code Playgroud)