React的诞生

一、用JS实现加减

<body>
    <div>
        <span id="result">0</span>
        <button id ="add">+</button>
        <button id="minus">-</button>
    </div>
</body>

<script>
    let result = document.querySelector('#result')
    let add = document.querySelector('#add')
    let minus = document.querySelector('#minus')

    add.addEventListener('click',function(){
        let number = parseInt(result.innerText,10)
        number += 1
        result.innerText = number
    })

    minus.addEventListener('click',function(){
        let number = parseInt(result.innerText,10)
        number -= 1
        result.innerText = number
    })
</script>
<br> # 二、用React实现加减 ``` <body> <div id="root"></div> </body> 

![JS与React区别](https://upload-images.jianshu.io/upload_images/1290503-24f050d5d983ab03.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

<br>
# 三、相关知识点
- jsx就是用html形式来写
- 虚拟DOM就是非真实DOM，表示DOM节点的虚拟对象。
posted @ 2018-09-08 21:54  雄霸是也  阅读(215)  评论(0)    收藏  举报