How to access one component's state from another component

Question

How do I access one component\'s state in another component? Below is my code and I\'m trying to access the state of component a in component b.

Answer 1

If two components need access to the same state they should have a common ancestor where the state is kept.

So component A is the parent of B and C. Component A has the state, and passes it down as props to B and C. If you want to change the state from B you pass down a callback function as a prop.