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 vote229 views2 answers
Animation react
Javascript React
10 votes205 views4 answers
React native disable warnings
Javascript React
0 vote206 views1 answer
React-native-bouncy-checkbox
Javascript React
0 vote216 views1 answer
React call component state
Javascript React
2 votes164 views1 answer
Range slider mui can't slide
Javascript React
0 vote198 views2 answers
How to import jquery file in react js
Javascript React
0 vote200 views1 answer
Unexpected token react
Javascript React
13 votes220 views5 answers
React native setup
Javascript React
1 vote248 views1 answer
React multiple event handlers]
Javascript React
0 vote230 views2 answers
React materialize cdn
Javascript React