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 vote116 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote119 views1 answer
Custom hook for unique items in react
Javascript React
113 votes133 views6 answers
React app
Javascript React
0 vote112 views1 answer
Pagination hook react
Javascript React
0 vote109 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote109 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
2 votes112 views1 answer
React native socket io
Javascript React
4 votes110 views1 answer
How to change the tab title in react
Javascript React
0 vote130 views1 answer
Sanity react
Javascript React
0 vote106 views1 answer
React-with-firebase-auth
Javascript React