标签: effector

基于Dropdown的React Effector状态管理

我正在使用 React Hooks 和 Effector 尝试将数据渲染到卡片上。数据将从React-Select下拉列表中删除(代表不同的国家/地区),其想法是用户将能够根据这些国家/地区添加选择,有点像 TODO 应用程序。

但是,我发现每当我返回上一个下拉选择时,数据都不会保存。我使用effectorhooksreact-selectreact-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)

javascript reactjs react-select react-hooks effector

6
推荐指数
1
解决办法
282
查看次数