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 vote208 views1 answer
React change button color on hover
Javascript React
0 vote223 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote226 views1 answer
React router dom props.history is undefined
Javascript React
1 vote253 views1 answer
UseScreens() react native
Javascript React
0 vote221 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote237 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
1 vote192 views1 answer
React list
Javascript React
6 votes342 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote260 views3 answers
Scrollview refresh react native
Javascript React
1 vote299 views1 answer
Reactnode prop-types
Javascript React