亚洲综合图片区自拍_思思91精品国产综合在线观看_一区二区三区欧美_欧美黑人又粗又大_亚洲人成精品久久久久桥本

【資料圖】

前言

我是歌謠 我有個兄弟 巔峰的時候排名c站總榜19 叫前端小歌謠 曾經(jīng)我花了三年的時間創(chuàng)作了他 現(xiàn)在我要用五年的時間超越他 今天又是接近兄弟的一天人生難免坎坷 大不了從頭再來 歌謠的意志是永恒的 放棄很容易 但是堅持一定很酷 微信公眾號前端小歌謠

總結(jié)

// 創(chuàng)建一個React元素 我是按鈕// 命令式編程// const button = React.createElement("button", {}, "我是按鈕");// 聲明式編程，結(jié)果導(dǎo)向的編程// 在React中可以通過JSX（JS擴(kuò)展）來創(chuàng)建React元素，JSX需要被翻譯為JS代碼，才能被React執(zhí)行// 要在React中使用JSX，必須引入babel來完成“翻譯”工作// const button = 我是按鈕; // React.createElement("button", {}, "我是按鈕");/** JSX就是React.createElement()的語法糖* JSX在執(zhí)行之前都會被babel轉(zhuǎn)換為js代碼* */

代碼案例

            <script src="script/react.development.js"></script>    <script src="script/react-dom.development.js"></script>    <script src="script/babel.min.js"></script>
<script type="text/babel">    // 創(chuàng)建一個React元素 我是按鈕    // 命令式編程    // const button = React.createElement("button", {}, "我是按鈕");    // 聲明式編程，結(jié)果導(dǎo)向的編程    // 在React中可以通過JSX（JS擴(kuò)展）來創(chuàng)建React元素，JSX需要被翻譯為JS代碼，才能被React執(zhí)行    // 要在React中使用JSX，必須引入babel來完成“翻譯”工作    // const button = 我是按鈕; // React.createElement("button", {}, "我是按鈕");    /*    *   JSX就是React.createElement()的語法糖    *       JSX在執(zhí)行之前都會被babel轉(zhuǎn)換為js代碼    * */    const div = 
        我是一個div        我是按鈕    
;    const root = ReactDOM.createRoot(document.getElementById("root"));    root.render(div);</script>