如何在反应正在渲染的输入上设置自动对焦

时间:2015-10-29 12:56:09

标签: html reactjs autofocus

当我在从反应类返回的输入上设置autofocus属性时,会生成以下错误:

 error TS2339: Property 'autofocus' does not exist on type 'HTMLAttributes'

这是有问题的代码:

return <input type="text" onChange={this.handleChange} value={this.state.text} autofocus/>;

我尝试了更详细的autofocus="autofocus"而没有运气。

可以使用react和html完成吗?我可以用javascript设置它,但如果存在,我宁愿使用HTML解决方案。

(编辑) 正如Dominic Tobias所指出的,autoFocus(区分大小写)本身就是诀窍,如果您尝试设置此属性autoFocus="autofocus",您将收到错误:

TS2322  Type 'string' is not assignable to type 'boolean'.

1 个答案:

答案 0 :(得分:5)

反应骆驼案attributes。使用:

 <input type="text" onChange={this.handleChange} value={this.state.text} autoFocus />;