使用 Ref 反应 ComponentDidMount LifeCycle 事件答案

【问题标题】：React ComponentDidMount LifeCycle Event With Ref使用 Ref 反应 ComponentDidMount LifeCycle 事件
【发布时间】：2016-04-29 06:45:06
【问题描述】：

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

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 消息。

【问题讨论】：

标签： javascript reactjs console lifecycle

【解决方案1】：

我想这是由错字引起的。你拼错了方法。

只需将其从 conponentDidMount 更改为 componentDidMount。

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

【讨论】：

天啊！我花了很长时间在这个-_-上。感谢您指出学校男孩的错误。是的，它现在可以工作了。