使用Ref实现ComponentDidMount LifeCycle事件

Question

我想知道为什么这段代码不起作用：

const PreviewTemParent = React.createClass({
    conponentDidMount : function() {
        let elePreviewParent = React.findDOMNode( this.refs.previewParent );
        console.log( "    elePreviewParent is...", elePreviewParent );
    },
    render : function() {
        return(
            <div
             className = "previewParent"
              ref = "previewParent">
                <div className = "previewContainer">
                    <PreviewTemImgContainer />
                </div>
            </div>
        );
    }
});

我需要在组件上使用ref，因为一旦安装它，我想读取宽度＆amp; .previewParent元素的高度属性，以便定位子组件PreviewTemImgContainer＆gt;

控制台不报告任何console.log消息。

Answer 1

我认为它是由错字造成的。你拼错了这个方法。

只需将其从conponentDidMount更改为componentDidMount。

修改
而不是调用已弃用的React.findDOMNode切换到ReactDOM.findDOMNode。