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 vote336 views1 answer
How to change the tab text in React
Javascript React
0 vote332 views1 answer
Log errors react
Javascript React
0 vote340 views1 answer
Yarn add react-native-elements
Javascript React
69 votes363 views6 answers
React icon
Javascript React
0 vote346 views1 answer
Antd react native
Javascript React
1 vote335 views1 answer
React js empty build
Javascript React
0 vote350 views2 answers
Toastify react not working
Javascript React
4 votes338 views2 answers
How to take 100% width in react native
Javascript React
-1 vote304 views6 answers
Set image as background react
Javascript React
0 vote345 views1 answer
React Alert when rate changes
Javascript React