Это костыль

Новосибирск наобный

так давай подумаем иначе искодя из той логики

предлогаешь переписать все?

А ты предлагаешь недописать?

да

)))

я думаю родитель может быть, это не имеет значения

а вот вытащить инфу из ребенка в родителя как

тебе нужно в родителе инфа ребенка?

да

// Parent
const info = (data) => console.log(data)

users.map(user=><Child user={user} info={info} />)


//Child ({user, info})

onClick=e=>info({user, myInfo:{name:'some name'}})

и где родитель?

добавил коментарий

@react_or печатала печатала и забила?

export default function List({ children }) {
    const handlerClick = useCallback((data) => {
        console.log("LIST ITEM DATA:");
        console.log(data);
    }, []);

    return (
        <ul>
            {
                React.Children.map(children, (child, index, id) => {
                    return React.cloneElement((child), {
                        index,
                        onClick: handlerClick
                    });
                })
            }
        </ul>
    );
}

Делаешь отдельный компонент для пункта списка - User

function User({ id, login, onClick }) {
    const data = {
        id,
        login
    };

    const handlerClick = useCallback(() => {
        onClick(data);
    }, [onClick, data]);

    return (
        <li onClick={handlerClick}>{login}</li>
    );
}

Рендер списка

<List>
    {
        users.map((user) => (
            <User key={user.id} { ...user } />
        ))
    }
</List>

@react_or ты написала код с useCallback?

Ну дак у него же хуки, хуле