React-没有参考的焦点输入

时间:2018-11-27 14:22:02

标签: javascript reactjs

我在项目中使用Ant Design库构建了一些输入,但我跳了几分钟才来到。

通常,如果我想集中输入内容,可以将ref附加到该输入上,并且可以这样做。输入组件的制作方式使我看不到重新构造它的快速方法,但在例如单击一个按钮。

我尝试用简单的方法选择它,但没有用:

const id = 'my_input';
const element = document.getElementById(id);
element.focus();

我还尝试了将引用快速附加到我创建的window.availableRefs对象上,然后对该引用调用focus()(甚至在ReactDOM.findDOMNode之后调用),但这两种方法都不起作用:

<Input ref={(el) => window.availableRefs[id] = el} />

有没有一种方法可以使输入集中而不使用refs? 从我拥有的UI库中链接到Input组件:click

0 个答案:

没有答案