부모 구성 요소가 마운트 될 때 시맨틱 UI 반응 드롭 다운 자동 포커스가 있어야합니까?

Question

Semantic React UI's Dropdown을 사용 중입니다. 부모 구성 요소가 탑재되는 즉시 포커스를 갖기를 바랍니다. 사용자가 즉시 검색 할 수 있어야합니다. 상위 구성 요소의 componentDidMount 기능에 초점을 호출 한 후

<Dropdown ref={dd => (this.MyDropdown = dd)} 
     ... /> 

... 그리고 :

나는 부모의 render()의 Ref를 사용했습니다. 그러나 Dropdown에는 아무런 기능이 없으므로이 방법은 작동하지 않습니다.

그럼 어떻게해야합니까?

여기에 what I tried so far at codesandbox입니다. 주석 처리 된 행은 componentDidMount입니다.

Answer 1

이 시도 :

<Dropdown searchInput={{ autoFocus: true }} /> 

수정 후 코드는 this

<Dropdown 
    ref={dd => (this.MyDropdown = dd)} 
    placeholder="Please type something, dude" 
    fluid 
    search 
    selection 
    options={options} 
    searchInput={{ autoFocus: true }} 
    /> 

참조 다음과 같이 표시됩니다

• Autofocus of dropdown search field #2108 - GitHub Issues