Я использую раскрывающийся список пользовательского интерфейса Semantic React и хотел бы, чтобы он как можно скорее сфокусировался когда монтируется его родительский компонент: пользователь должен иметь возможность немедленно начать поиск.
Я пробовал использовать ссылку в render() родителя:
<Dropdown ref={dd => (this.MyDropdown = dd)}
... />
... а затем вызывая фокус в функции componentDidMount родительского компонента. Но Dropdown не имеет функции focus, поэтому этот метод не сработает.
componentDidMount() {
// I want to do something like the next line here, but 'focus' is not available on the component.
//this.MyDropdown.focus();
}
Так что же мне делать вместо этого?
Вот то, что я пробовал до сих пор в codeandbox. Обратите внимание на закомментированную строку в componentDidMount.
