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

【資料圖】

前言

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

總結(jié)

/** JSX的注意事項(xiàng)* 1. JSX不是字符串，不要加引號(hào)* 2. JSX中html標(biāo)簽應(yīng)該小寫，React組件應(yīng)該大寫開頭* 3. JSX中有且只有一個(gè)根標(biāo)簽* 4. JSX的標(biāo)簽必須正確結(jié)束（自結(jié)束標(biāo)簽必須寫/）* 5. 在JSX中可以使用{}嵌入表達(dá)式* - 有值的語(yǔ)句的就是表達(dá)式* 6. 如果表達(dá)式是空值、布爾值、undefined，將不會(huì)顯示* 7. 在JSX中，屬性可以直接在標(biāo)簽中設(shè)置* 注意：* class需要使用className代替* style中必須使用對(duì)象設(shè)置* style={{background:"red"}}** */

代碼案例

            <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">    /*    *   JSX的注意事項(xiàng)    *       1. JSX不是字符串，不要加引號(hào)    *       2. JSX中html標(biāo)簽應(yīng)該小寫，React組件應(yīng)該大寫開頭    *       3. JSX中有且只有一個(gè)根標(biāo)簽    *       4. JSX的標(biāo)簽必須正確結(jié)束（自結(jié)束標(biāo)簽必須寫/）    *       5. 在JSX中可以使用{}嵌入表達(dá)式    *              - 有值的語(yǔ)句的就是表達(dá)式    *       6. 如果表達(dá)式是空值、布爾值、undefined，將不會(huì)顯示    *       7. 在JSX中，屬性可以直接在標(biāo)簽中設(shè)置    *           注意：    *               class需要使用className代替    *               style中必須使用對(duì)象設(shè)置    *                   style={{background:"red"}}    *    * */    function fn() {        return "hello";    }    const name = "孫悟空";    const div = 
 {            alert("哈哈")        }} className="box1"        style={{backgroundColor: "yellowgreen", border: "10px red solid"}}    >        我是一個(gè)div        
            
列表項(xiàng)
        
                
            {name} 
            {1 + 1} 
            {fn()} 
            {NaN} 
        
    
;    // alert(div);    const root = ReactDOM.createRoot(document.getElementById("root"));    root.render(div);</script>