React: Как можно передать данные при onClick-е?

Question

[stepbystep]

Как можно передать данные с одного компонента на другой компонент.

Custom.js

const Custom= ( {dialogs, getDialogs} ) => {

    const allUserMessageData = dialogs;

    return (
        <Container>
            <AppChatList>
                <ul>
                    {
                        allUserMessageData.map( (d, i)=> {

                            const getCurrentUserData = {
                                position: d.id
                            };

                            return (
                                <li key={i}>
                                    <Link
                                        onClick={()=> (console.log(getCurrentUserData ))}
                                          to={`/messages/chat/${d.chat_token}`}>
                                        <AppMessageUserList dialog={d} />
                                    </Link>
                                </li>
                            )
                        })
                    }

                </ul>
            </AppChatList>
        </Container>
    );
};

export default Custom;

Логика такая что, при клике на линк я должен отправить id текущего юзера ( данные берутся из редакс ) на другой файл function.js где я буду обрабатывать полученные данные

Answer 1

[Chingiz Мамедов]

Возможно, тебе просто надо почитать https://reacttraining.com/react-router/web/example...

Comments

[stepbystep]

Спасибо за ответ Чингиз, признаю я недавно начал изучать React и упираюсь в недостаточных знаниях и не знаю как правильно написать код, вот поэтому обратился сюда

[stepbystep]

Я получают id текущий ссылки, отлично. Но, теперь как мне передать этот id в другой компонент ?

[stepbystep]

Спасибо, помогло

[Chingiz Мамедов]

не за что. Рад что, реально помогло)