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 vote105 views1 answer
React clone element
Javascript React
1 vote96 views1 answer
Stream closed react native
Javascript React
0 vote96 views1 answer
Reactvs y axis range
Javascript React
0 vote102 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
3 votes103 views2 answers
Error duplicate resources react native
Javascript React
0 vote91 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
1 vote95 views1 answer
How to connect socket in react js
Javascript React
0 vote96 views1 answer
React-bootstrap problem-install new version
Javascript React
0 vote99 views1 answer
Add clickable link to image in react native
Javascript React
0 vote102 views1 answer
React router route not found redirect
Javascript React