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

2 votes403 views2 answers
How to change react icon color
Javascript React
0 vote387 views1 answer
Get element ref react
Javascript React
-1 vote397 views1 answer
Flatlist react native horizontal
Javascript React
1 vote407 views1 answer
Spread operator react array
Javascript React
0 vote406 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote396 views1 answer
About react frame
Javascript React
1 vote388 views4 answers
React router go rprevious page
Javascript React
1 vote399 views1 answer
For loop value index react
Javascript React
3 votes346 views1 answer
React tooltip data-tip
Javascript React
0 vote379 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React