React two way binding

One way binding react

In our case, it is easy to identify that the state should reside in the “Parent” component.

const [text, setText] = useState(“Hello”);

Now, what do we do to the “Parent” component? We pass the callback function as a prop from the parent component.

<Child changeText={(text) => setText(text)} />

Now we need a callback function in the “Child” component that is triggered when the button is clicked.

<button onClick={() => props.changeText(“World”)}>

Source: dev.to

Similar codes

0 vote203 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
0 vote217 views1 answer
Install react-foundation library in react js
Javascript React
0 vote205 views1 answer
Refresh page by hand in react
Javascript React
3 votes255 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote207 views1 answer
Use of parse in react
Javascript React
0 vote194 views1 answer
React native run on a particular emu
Javascript React
0 vote190 views1 answer
Reactjs join two array
Javascript React
0 vote204 views2 answers
Call a method of component from outside react
Javascript React
2 votes192 views1 answer
React native cover image in parent view
Javascript React
103 votes239 views7 answers
How to create react app
Javascript React