reactjs - React Js: 別のコンポーネントで ref にアクセスする

Question

1 つのコンポーネント (modalBox.js) に ref を含むテキスト ボックスがあります。ボタンのクリック時に (index.js) のような別のコンポーネントのテキスト ボックスの値にアクセスするにはどうすればよいですか?

Answer 1

反応のrefForwardingを確認してください。 https://reactjs.org/docs/forwarding-refs.html

Answer 2

const MyComponent = React.forwardRef((props, ref) => (
  <button ref={ref}>
    Click me
  </button>
));


const ref = React.createRef();
<MyComponent ref={ref}>Click me!</MyComponent>;