How to pass props from child to parent in reactJS? [duplicate]

Question

I want to send data from child component to parent component in React. Looking up the data, there is only class type and there is no functional document. What syntax can you use to pass data over?

could you give an example or usecase?

Prateek Thapa
– Prateek Thapa

2020-10-11 14:38:49 +00:00
Commented Oct 11, 2020 at 14:38 — Prateek Thapa
– Prateek Thapa, Commented Oct 11, 2020 at 14:38

Md Sabbir Alam · Accepted Answer · 2020-10-11 14:47:37Z

2

You can use a callback function to use pass data from child to parent.

function Parent(){
    const doSomethingWithDataFromChild(data) {...do something here}
    return <Child passDataToParent={doSomethingWithDataFromChild} />
}


function Child(props) {
    props.passDataToParent(childData);
    return ...
}

Mind that there are some side effects of doing things this way. For the more curated answers you need to provide some more context and/or code examples like what is the use case etc.

answered Oct 11, 2020 at 14:47

Md Sabbir Alam

5,0643 gold badges19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass props from child to parent in reactJS? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related