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 vote162 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
22 votes143 views4 answers
Shadow elevation react native
Javascript React
-3 votes146 views1 answer
React native share
Javascript React
0 vote217 views1 answer
Paging react mongoose
Javascript React
0 vote146 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote152 views1 answer
React type div onClick
Javascript React
8 votes146 views2 answers
React fragment
Javascript React
0 vote105 views1 answer
React native cross out letter
Javascript React
2 votes173 views2 answers
React native open gmail app
Javascript React
0 vote193 views1 answer
Input type disappear side scroll react
Javascript React