react.js与react-dom.js的主要作用

作用

react.js中包含了React和React-Native所共同拥有的核心代码,主要用于生成虚拟DOM

react-dom.js包含针对不同平台渲染不同内容的核心代码,主要用于将虚拟DOM转换成真实DOM

使用

  1. 使用react.js生成虚拟DOM  
    let box = React.createElement('div', {id: 'box'}, '内容');

     

  2. 使用react-dom.js将虚拟DOM渲染成真实DOM (将该虚拟DOM渲染到id为root的元素中)
    ReactDOM.render(box, document.getElementById('root'), () => {
        console.log('已经将虚拟DOM渲染成真实DOM')
    })

     

posted @ 2021-10-24 09:16  霸哥yyds  阅读(240)  评论(0)    收藏  举报