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 vote338 views1 answer
How to create module in react
Javascript React
0 vote333 views2 answers
React social login buttons
Javascript React
110 votes365 views2 answers
Create react js app
Javascript React
0 vote345 views1 answer
Application/ld+json react
Javascript React
0 vote358 views1 answer
Geocoding react
Javascript React
0 vote323 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote340 views1 answer
Javascript react useState update object
Javascript React
6 votes338 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote313 views1 answer
Page scrolling react js
Javascript React
0 vote332 views1 answer
React-timeago npm
Javascript React