reactjs - if else 根据条件自动对焦

Question

如何根据 this.props.email 是否存在自动对焦输入名称？

if(this.props.email){
    // would like to set autofocus for  <input value={email} name="userName">    
}else{
   // would like to set autofocus for  <input name="password" />
}

 <input value={email} name="userName">             
 <input name="password" />

我正在考虑使用 refs 但想知道是否有更好的方法来访问输入的名称

Answer 1

你可以试试这个

<input value={email} autoFocus={this.props.email} name="userName">