我有一个React组件InputComponent,我无法编辑,我想获得对其内部div之一的引用。(例如,为了专注于输入字段)。
const RefsExamplePage = () => {
return (
<div>
<div>
<InputComponent
title="Test component"
></InputComponent>
</div>
</div>
)
}
export default RefsExamplePage;
我该如何实现?
我无法编辑
如果您无法编辑它,那么您唯一可以做的就是传递ref
给它,并希望InputComponent
实现引用。
例如
const RefsExamplePage = () => {
// use inputRef.current to access the input reference
const inputRef = React.useRef()
return (
<div>
<div>
<InputComponent
ref={inputRef}
title="Test component"
/>
</div>
</div>
)
}
如果这不起作用或给您带来一些错误,则需要修改InputComponent
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句