react学习（8）函数式组件

<script type="text/babel">
        //创建函数式组件
        function Demo(){
            console.log(this);
            return <h1>我是一个函数式组件（适用于简单组件的定义）</h1>
        }
        //渲染组件到页面
        ReactDOM.render(<Demo/>,document.getElementById('test'));
    </script>

知识点

1： demo函数中的this是undefined,是因为babel帮我们转为了严格模式，而在严格模式下面，是禁止自定义的函数中的this指向window的。
2：执行了ReactDOM.render之后发生了什么....

• react解析组件标签，找到了Demo组件。
• 发现组件是根据函数式定义，调用函数，将函数返回的虚拟dom转为真实dom,随后呈现在页面中。