React子组件调用兄弟组件上的函数

Question

It's going to be hard to verbalise this question. In React, is there a way for a deeply (2 levels deep from the parent) nested child component to invoke a function that it has a sibling relationship with ? (the sibling being 1 level deep from the parent, but lacking a top-down relationship with the deeply nested child)

The function is meant to change the state of the sibling component, so it needs to be invoked as a method on the sibling component's class

See I know that I can pass a function as a prop to a child and have it get invoked on the parent's class, but can this happen with a sibling somehow?

Please let me know if this makes sense, if not I can throw together a simple example of what I mean, There is too much code for me to paste.

Answer 1

As you say, you can invoke a function in a parent from a child by passing the function as a prop. In the parent you can then change some state which causes a re-render of the parent, passing the new state/props down to the sibling you want to update.