2015-10-29 1 views
0

Когда я установил атрибут автофокусировки на вход я возвращался из среагировать класса генерируется следующая ошибка:Как я могу установить автофокус на входе, что среагировать оказывают

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

Это код обижая :

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

Я попытался более многословным autofocus="autofocus" не повезло.

Это можно сделать, используя реакцию и html? Я мог бы установить его с помощью javascript, но я предпочел бы решение html, если оно существует.

(Edit) Как отметил Доминик Тобиаса, autoFocus (чувствительно к регистру) само по себе делает трюк, если вы пытаетесь установить свойство, как этот autoFocus="autofocus" вы получите сообщение об ошибке:

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

Я не знаком с reactjs, но не следует использовать кавычки вокруг onchange и значения, подобные этому 'value =" this.state.text "?? Возможно, браузер видит автофокус как часть вашей ценности. – Ivar

ответ

3

Реагировать на верблюжиях attributes. Использование:

<input type="text" onChange={this.handleChange} value={this.state.text} autoFocus />; 
Смежные вопросы