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 vote261 views1 answer
Module missing for arearange highcharts react
Javascript React
11 votes216 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote246 views1 answer
Why is this undefined in react
Javascript React
0 vote248 views2 answers
Call a method of component from outside react
Javascript React
0 vote262 views1 answer
React application preloader add
Javascript React
0 vote283 views1 answer
Ionic react use yarn
Javascript React
0 vote241 views1 answer
OnPress image react native
Javascript React
0 vote294 views1 answer
React convert table to pdf
Javascript React
23 votes239 views4 answers
Click to copy react
Javascript React
0 vote231 views1 answer
Get status bar height react native
Javascript React