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 vote132 views1 answer
React-native-ffmpeg gradel issue
Javascript React
1 vote132 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote126 views1 answer
React interactions
Javascript React
0 vote140 views3 answers
React date format
Javascript React
2 votes259 views2 answers
Export aab react native
Javascript React
0 vote139 views1 answer
React route send informaion in url
Javascript React
12 votes124 views2 answers
React native flatlist container style
Javascript React
0 vote133 views1 answer
React-native-restart
Javascript React
0 vote121 views1 answer
React native jest snapshot
Javascript React
4 votes145 views1 answer
Open a new tab when clicking on a link react
Javascript React