使用 Ref 反应 ComponentDidMount 生命周期事件

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 因为一旦它被安装，我想读取 .previewParent 元素的宽度和高度属性以便定位子组件 PreviewTemImgContainer>

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

Answer 1

我想这是错别字造成的。您拼错了方法。

只需将 conponentDidMount 更改为 componentDidMount。

编辑：
不要调用已弃用的 React.findDOMNode 切换到 ReactDOM.findDOMNode.

使用 Ref 反应 ComponentDidMount 生命周期事件

React ComponentDidMount LifeCycle Event With Ref

javascript

console

lifecycle

reactjs