0
この例の後には、 ref
コールバックを親から子にpropとして渡しています。親要素と子要素の両方のDOM要素への参照を使用する
function SearchInput(inputRef) {
function onCLick(){
//Dosomething and...
//Focus on input element using ref
}
return (
<div>
<input ref={inputRef} onCLick={onCLick} />
</div>
);
}
function Parent(props) {
function focusSearchElement() {
if (searchElement)
searchElement.focus();
}
return (
<div>
My input: <SearchInput inputRef={element => searchElement = element} />
</div>
);
}
focusSearchElement
で親に設定したフォーカスが正常に動作しますが、私はSearchInput
コンポーネントからの入力にフォーカスを設定することはできませんよ。
私が達成したいのは、onCLick
機能の焦点に設定されていますが、可能かどうか、もしそうなら、どうすればよいか分かりません。ここ