我有一个带有forwardRef
道具的类组件(可以是回调,ref对象或某些将来的ref API):
interface FooProps {
// ...
forwardRef?: React.Ref<HTMLDivElement>
// ...
}
我正在使用“引用回调”,因为我将DOM引用用于其他用途:
class Foo extends React.Component<FooProps> {
// ...
callbackRef = (instance: HTMLDivElement | null) => {
doPrivateThingsWithRef(instance);
// Maybe something as trivial as:
this.element = instance;
}
render() {
return <div ref={this.callbackRef}>
Lorem ipsum dolor sit amet...
</div>;
}
}
我如何获得我的ref回调和props.forwardRef
的相处?