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

1 vote131 views1 answer
React render html variable
Javascript React
0 vote105 views1 answer
Set meterial icon color change onClick react
Javascript React
0 vote99 views1 answer
React-native eject not working
Javascript React
2 votes101 views1 answer
React select with react hook form cotroller
Javascript React
6 votes108 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
105 votes132 views1 answer
Create react app scaffolding
Javascript React
6 votes113 views2 answers
Reactjs .map is not a function
Javascript React
0 vote131 views1 answer
React router dom props.history is undefined
Javascript React
4 votes86 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
0 vote109 views1 answer
Get all database react native
Javascript React