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

5 votes313 views3 answers
How to open a new tab in react
Javascript React
-2 votes333 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote317 views1 answer
Ant design not working in react js
Javascript React
125 votes423 views6 answers
Install React Bootstrap
Javascript React
19 votes300 views6 answers
React native build android apk
Javascript React
0 vote349 views1 answer
React google map doesn't update marker
Javascript React
2 votes309 views2 answers
Vscode extensions for better react js
Javascript React
0 vote421 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
1 vote320 views1 answer
React native image disable fade in onload
Javascript React
18 votes308 views6 answers
Import svg react
Javascript React