从另一个组件更新组件的状态？

Question

我下面有2个类似代码的组件

//component A    
const A = () => {
const [comA, setComA] = useState("1");
render()
}
export default A;

//component B
const B = () => {
render(<Button onclick={() => someThing }>

</Button>
)
}
export default B;

如何从组件B的comA更新组件A的状态Button？