在类组件中,使用私有引用回调来更新公共引用(与对象/回调无关)

时间:2019-07-19 16:10:49

标签: javascript reactjs typescript

我有一个带有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的相处?

0 个答案:

没有答案