Return data from React Function

Question

For example I have an field that needs to have an user selected, so I have another React component where I select there the value, so I have a state there, how can I send that data to the current Component I have.

In case the data needs to be sent from parent to child component, one may be able to use props (NOTE: ReactJS uses uni-directional data-flow). If the components are not parent-child, another idea is to move the state up the hierarchy to a module where both components may receive the state. Another idea is to employ one of several state management tools (for example: redux). And, I'm sure there are other ways too (may be useContext hook, etc). — jsN00b
– jsN00b, Commented Mar 8, 2022 at 13:02

Ankit Saxena · Accepted Answer · 2022-03-08 13:06:12Z

1

There are a few ways to do it.

Lifting state up - Documentation Link
Using React Context API - Documentation Link
adding that selected data to LocalStorage (can be done but not suggested) - Article Link

answered Mar 8, 2022 at 13:06

Ankit Saxena

1,1971 gold badge8 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cedx · Accepted Answer · 2022-03-08 13:11:12Z

1

You can pass the value of that state as a prop:

const [selectedUser, setSelectedUser] = useState();
...
return (
  <OtherComponent prop={selectedUser} />
)

and receive that prop on the other component

export default function AnotherComponent(prop) {...}

answered Mar 8, 2022 at 13:11

cedx

362 bronze badges

Comments

Thamothara Kannan · Accepted Answer · 2022-03-08 13:11:48Z

1

use props in share data between componet 2).use redux

answered Mar 8, 2022 at 13:11

Thamothara Kannan

112 bronze badges

Collectives™ on Stack Overflow

Return data from React Function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related