ReactJS и автофокус - PullRequest
Новая
       44

ReactJS и автофокус

0 голосов
/ 05 июля 2019

У меня есть react-bootstrap модал с <input>.Я хочу установить атрибут автофокуса на <input>

Следующее отлично работает , но показывает предупреждение в консоли 

<input type="text" autofocus='true' />

Warning: Invalid DOM property `autofocus`. Did you mean `autoFocus`?

СледующееОпции не работают , в том смысле, что они не фокусируют ввод при открытии модального режима: 

<input type="text" autoFocus='true' />
<input type="text" autoFocus={true} />
<input type="text" autoFocus />

Какой рекомендуемый способ настройки автофокуса.Или как отключить предупреждения для примера, который работает хорошо?

Примечание: это реакция 16.8.6

1 Ответ

0 голосов
/ 05 июля 2019

Refs - это то, что вы хотите, 

constructor(props) {
    super(props);
    this.myRef = React.createRef();
}

componentDidMount(){
  this.myRef.current.focus();
}

<input type="text"  ref={this.myRef} />
...