react 组件通信

Question

父组件

import React,{ Component } from "react";
import List from "./main";
export default class App extends Component{
    render(){
        return(
            <div>
                <List data = {this.state.list} />
            </div>
        )
    }
}

子组件

import React,{ Component } from "react";
export default React.createClass({
     getInitialState() {
        return {
            data:this.props.data
        };
    },

    componentDidMount() {
        let data = this.props.data;
        console.log(data)
    },
    
    render(){
        return(
            <div>{this.props.data}</div>
        )
    }
    
})

为什么我在子组件 getInitialState 、componentDidMount 里都拿不到父组件传过来的data但是在渲染的dom结构里可以取到

Answer 1

没有

constructor(props){
    super(props)
    
}

Answer 2

原因就是react的生命周期。
你为什么要用两种语法写呢？
如果子组件是class组件，肯定在didmount中获取到props的值。
不要在constructor方法中使用this.props字眼，很多浏览器不兼容。

Answer 3

现在都2018年了，不要再使用 createClass getInitialState……，抽空多看看官方文档，比直接在社区里提问更好。