public divContainer: HTMLElement;
componentDidMount(){
this.divContainer.focus()
}
buildRef = (e) => {
this.divContainer = e;
}
render() {
return (
<div ref={this.buildRef}></div>
)
}
В приведенном выше коде я получаю ссылку на div и добавляю к нему фокус в componentDidMount.Но когда я запускаю тест, он говорит Cannot read property 'focus' of undefined
.Не запускается ref ДО ПЕРЕД componentDidMount?Если так, то почему эта ошибка?
Обратите внимание, что фактический компонент отображается и работает, как ожидалось.Это просто тест, который не проходит.Я также нашел решение, и это должно обернуть this.divContainer.focus()
в это if (this.divContainer)
условие.