react 开始 二 熟悉组件

class A extends React.Component
{
    constructor(props)
    {
        super(props)
        /**TODO */
    }
    render()
    {
        return (
            <div>
                666
            </div>
        )
    }
}
class B  extends React.Component
{
    constructor(props)
    {
        super(props)
        /**TODO */
    }
    render()
    {
        return (
            <A />//这里可以
        )
    }
}
class C extends React.Component
{
    constructor(props)
    {
        super(props)
        /**TODO */
    }
    render()
    {
        return (
            <B />//这里可以
        )
    }
}
//组件还可以一直往外面嵌套拼凑 做出新组件 
var myStyle = {
    fontSize: 100,
    color: '#FF0000'
};
ReactDOM.render(
    <div>
        <C style={myStyle}/>
        <h>{1+1}</h>
        {/**花括号就可以包含 js表达式 js代码 注释也要花括号*/}
    </div>
    ,//
    document.getElementById('example')//
  );