为什么我的初始化阶段显示的结果和你的不一样啊

qq_8niyqvpb React组件生命周期详解 最后由 番茄_jk 于2016年06月27日回复

  • 1 回答
  • 1.8k 浏览
 $(document).ready(
                function () {
                    var count=0;
                    var style={border:'1px solid red',color:'red'}
                    var HelloWorld=React.createClass({
                        getDefaultProps:function(){
                            console.log('getDefaultProps,1');  return {name:'jack'}   },
                        getInitialState:function(){
                            console.log('getInitialState,2');  return {ready:false,  myCount:count 1}  },
                        componentWillMount:function(){
                            console.log('componentWillMount,3') ;this.setState({ready:true});  },
                        render:function(){
                            return <p>hello,{this.props.name?this.props.name:'world'}  {this.state.ready} {this.state.count}  </p>
                        },
                        componentDidMount:function(){
                            $(React.findDOMNode(this)).append('surprise!')
                        }
                    })
                    React.render(<div style={style}><HelloWorld></HelloWorld></div>,document.body)
                }
        )

QQ图片20160626215820.png

true显示不出来