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 vote351 views1 answer
React auto import sometime not working
Javascript React
0 vote315 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote336 views1 answer
Show and Hide element in react
Javascript React
0 vote335 views1 answer
React developer cvs
Javascript React
0 vote331 views1 answer
Ipa failed react native after processing
Javascript React
0 vote328 views2 answers
React barcode scanner
Javascript React
0 vote316 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote271 views1 answer
Ctx beginpath react
Javascript React
0 vote364 views1 answer
React router link electron not working
Javascript React
0 vote314 views6 answers
React slick
Javascript React