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 vote136 views1 answer
Svelte reactive async
Javascript React
2 votes136 views2 answers
Pdf table files download react not working
Javascript React
0 vote138 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
1 vote138 views1 answer
How to define state in react function
Javascript React
0 vote132 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
6 votes140 views2 answers
React native password field
Javascript React
0 vote137 views1 answer
React auto import sometime not working
Javascript React
8 votes127 views3 answers
Icon shwoing a box react native vector icons
Javascript React
4 votes153 views1 answer
React props.children proptype
Javascript React
1 vote124 views2 answers
What is reactive method
Javascript React