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 vote284 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote312 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote286 views2 answers
Read data in props.histroy.push in react component
Javascript React
5 votes290 views2 answers
Get url query in react
Javascript React
0 vote298 views1 answer
Add two export in same page react
Javascript React
0 vote315 views1 answer
React recursive component
Javascript React
0 vote321 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote306 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
3 votes288 views1 answer
React get method
Javascript React
0 vote304 views1 answer
React native update state object inside object
Javascript React