Как сфокусировать InputLabel пользовательского интерфейса материала?

Question

Когда страница загружается, я хочу, чтобы InputLabel выглядело как на втором рисунке, но я не нашел никаких InputLabel реквизитов, чтобы сделать это, я использовал focused опору, но она не сработала так, как я хотел

И еще один вопрос в соответствии с документами M-Ui, когда shrink prop истинно, InputLabel должен уменьшаться, но он делает обратное (это результат, который я хочу, но я думал shrink={false} сделал бы это)

 Штаты  {fetchedStates.map ((состояния, я) => ( {состояния} ))}   

Answer 1

Вы можете использовать опору autoFocus, чтобы сосредоточить внимание на вашем Select компоненте.

<Select
   autoFocus
   open={this.state.open}
   value={this.state.age}
   onChange={this.handleChange}
>

Demo: https://codesandbox.io/s/material-demo-w6dyf?file= / demo. js

Ссылка: https://github.com/mui-org/material-ui/issues/9599#issuecomment -437697170