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 vote190 views1 answer
React native whatsapp integration
Javascript React
0 vote188 views1 answer
React load script after render
Javascript React
0 vote190 views1 answer
React js error stackoverflaw
Javascript React
0 vote186 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote322 views1 answer
Setstate to false after 10 sec react native
Javascript React
5 votes198 views2 answers
Gradlew clean in react native
Javascript React
0 vote204 views1 answer
Toggle class onscroll hook react
Javascript React
0 vote189 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote211 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote203 views1 answer
React redux stack overflow
Javascript React