我目前有以下运行良好的代码:
abstract class Tab<T> {}
有没有办法使用从import React,{
RefObject,useReducer,useRef,useState
} from 'react';
import TextField from '@material-ui/core/TextField';
const MyComponent: React.FC = () => {
const input1Ref = useRef<HTMLInputElement>(null);
const input2Ref = useRef<HTMLInputElement>(null);
const [focusedElRef,setfocusedElRef] = useState<RefObject<HTMLInputElement>>(startDateRef);
return (
<div>
<TextField
inputRef={input1Ref}
autoFocus={true}
onFocus={() => setfocusedElRef(input1Ref)}
/>
<TextField
inputRef={input2Ref}
onFocus={() => setfocusedElRef(input2Ref)}
/>
</div>
)
}
方法自动返回的值来指示输入引用,我可以在另一个箭头函数中使用该值正确调用onFocus
?
更新:11月。 2019年5月5日
例如,我还需要稍后通过使用setfocusedElRef
来检查代码中输入的焦点。
我知道这种优化是毫无价值的,但我仍然很好奇。
谢谢!