持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情

函数式组件

函数式组件就是一个函数返回一个html文档。目前React推荐写函数组件代替类组件，因为代码量更少，用起来比较轻，更符合react函数式的本质，生命周期函数更简介，生命周期钩子函数后面会了解到

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学习React</title>
</head>

<body>
    <div id="test"></div>

    <script type="text/javascript" src="../js/react.development.js"></script>
    <script type="text/javascript" src="../js/react-dom.development.js"></script>
    <script type="text/javascript" src="../js/babel.min.js"></script>
    <script type="text/babel">
        function Who() {
            return <h2>我是云南的，云南怒江的，怒江泸水市，泸水市六库，六库傈僳族，傈僳族是这样叫，乌鸦叫作阿南，青蛙叫作欧巴，老公叫作搓趴，老婆叫作搓嘛，香菜叫作野穴，红薯叫作阿梦，老虎叫作喇嘛，黄瓜叫作阿布。南瓜叫作阿普，鸡蛋叫作嘛啊耶夫</h2>
        }
        ReactDOM.render(<Who />, document.getElementById('test'))

    </script>
</body>

</html>