javascript - 渲染后如何在输入字段上设置焦点？

Question

在渲染组件后，将焦点设置在特定文本字段上的 react 方式是什么？

文档似乎建议使用 refs，例如:

在渲染函数中我的输入字段设置ref="nameInput"，然后调用:

this.refs.nameInput.getInputDOMNode().focus(); 

但是我应该在哪里调用它呢？我已经尝试了几个地方，但我无法让它工作。

Answer 1

@Dhiraj 的回答是正确的，为方便起见，您可以使用 autoFocus Prop 让输入在安装时自动聚焦:

<input autoFocus name=...

请注意，在 jsx 中它是 autoFocus(大写 F)，这与不区分大小写的普通旧 html 不同。