获取对组件的类实例的引用

Question

我有一个扩展的打字稿类React.Component：

class MyComponent extends React.Component<{}, {}>
{
    constructor(props: {})
    {
        super(props);
    }

    public render()
    {
        return <span>Test</span>;
    }

    public MyMethod() {
        console.log("Working fine");
    }
}

然后是一个地方，我必须手动创建一个实例并将其附加到DOM：

var component = MyComponent;
var element = React.createElement(component, {}, null);
ReactDOM.render(element, myDomElementContainer);

由于系统的体系结构限制，我需要为该组件存储对我的类实例的引用以供以后使用，问题是我在创建的元素中找不到对我的类实例的任何引用，它只有一个引用通过财产上课type。

React.createElement只允许我提供类，ReactDOM.render而不喜欢手动实例化的对象。

为了实例化自定义组件，将其附加到DOM并获取对组件类实例的引用，我应该怎么做？

Answer 1

您有几种选择：

（1）使用ReactDOM.render的返回值：

var element = ReactDOM.render(<MyComponent />, myDomElementContainer);

（2）使用React.createElement：

var element = React.createElement(MyComponent);
ReactDOM.render(element);

（3）使用裁判：

var element;
ReactDOM.render(<MyComponent ref={el => element = el } />, myDomElementContainer);

呈现的实例将分配给element该实例MyComponent。