如何在React中访问其他组件

Question

我想问一下我是否有3个非亲子组件（请不要让我将3个按钮合并为一个组件）关系，如下所示，我可以使用redux编辑值 input3 ，方法是单击 button1 ，

如果我想单击button1然后在控制台中显示input3的值。

我应该使用 ref 来做到这一点吗？但是他们不是亲子和兄弟姐妹的关系吗？

谢谢

---

Button1

|

Button2

|

Button3

---

组件

class Button1 extends React.Component {
    render() {

        return (
            <div>
                 <Button id="Button1" ></Button>
                 <input id="input1" />
            </div>
        );
    }
}

class Button2 extends React.Component {
    render() {

        return (
            <div>
                 <Button id="Button2" ></Button>
                  <input id="input2" />
            </div>
        );
    }
}


class Button3 extends React.Component {
    render() {

        return (
            <div>
                 <Button id="Button3" ></Button>
                 <input id="input3" />
            </div>
        );
    }
}

反应

ReactDOM.render(
 <Provider store={store}>
  <Button1/>
  </Provider>,
  document.getElementById('div1')
);

ReactDOM.render(
 <Provider store={store}>
  <Button2/>
  </Provider>,
  document.getElementById('div2')
);

ReactDOM.render(
 <Provider store={store}>
  <Button3/>
  </Provider>,
  document.getElementById('div3')
);