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

Question

当我在我从React类返回的输入上设置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'.

Answer 1

反应骆驼案例属性。使用：

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