使用React中的refs将焦点设置给孙子

Question

我希望能够使用引用将焦点设置到位于孙子中的文本框。尝试将引用链接在一起时遇到错误。有人对此有任何想法吗？

我的局限性是：焦点需要由祖父母设置，输入元素ref需要在内部使用。

以下是通用实现的链接： https://codesandbox.io/s/9ow54zw15y

Answer 1

我会把这个扔给遇到这个问题的任何人。我忽略了使用.current，所以应该使用this.parentRef.current.grandChildRef.current.inputRef.current.focus();

有点怪，但是可以完成工作！

https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs