Блог

У меня есть следующий элемент

 <textarea className='title' autofocus="autoFocus" 
   onChange={(e)=>changeBill(e, 'title')} 
   value={bill?.title} 
   placeholder="Bill Title">
</textarea>
 

Когда я открываю браузер, он выдает следующее предупреждение:

Предупреждение: Недопустимое свойство DOM autofocus . Ты это имел в виду autoFocus ?

Это все еще работает, но предупреждение довольно раздражает. Я попробовал «автофокус» и «автоФокус», но ни одно из них не предотвращает предупреждение.

Предупреждение касается не значения свойства, а самого имени свойства. Это должно быть:

 <textarea className='title' autoFocus={true} 
   onChange={(e)=>changeBill(e, 'title')} 
   value={bill?.title} 
   placeholder="Bill Title">
</textarea>
 

Также отель принимает true или false . В вашем примере непустая строка интерпретируется как true .