一文了解React

╰+攻爆jí腚メ 2023-01-22 05:54 16阅读 0赞

### 什么是React ###

React是一个用于构建用户界面的JavaScript库  
用户界面：HTML页面（前端）  
React主要用来写HTML页面或构建Web应用

React一般被用来作为MVC中的V层，React仅仅是视图层，只负责视图的渲染，并非提供了M、C的功能，它不依赖其他任何的库，因此开发中，可以与任何其他的库集成使用，React的思想非常独特，性能出众，可以写出重复代码少，逻辑清晰的前端代码。React的语法是jsx，通过使用这种语法，可以在react代码中直接混合使用js和html来编写代码，这样代码的逻辑就非常清晰，当然也意味着，需要将jsx代码编译成普通的javascript代码，才能在浏览器中运行

### React的特点 ###

*  声明式  
    只需要描述UI（HTML）看起来是什么样就怎么写，就跟写HTML一样  
    React 负责渲染UI，并在数据变化时更新UI

const jsx=<div className='app'>
    				<p> HELLO   动态数据：{count}</p>
    		  </div>

*  基于组件

1.  组件是React最重要的内容
2.  组件表示页面中的部分内容  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JsdWVfNjk4_size_16_color_FFFFFF_t_70]
3.  组合、复用多个组件，可以实现完整的页面功能

*  学习一次，多处使用

1.  使用React可以开发Web应用  
    ![在这里插入图片描述][20210517191218841.png]
2.  用React可以开发移动端原生应用（react-native）  
    ![在这里插入图片描述][20210517191519542.png]
3.  使用React可以开发VR(虚拟现实）应用( react 360 )  
    ![在这里插入图片描述][20210517191527975.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JsdWVfNjk4_size_16_color_FFFFFF_t_70]: /images/20221020/ef1a3fe8ea924c55846cdcf712df5ce3.png
[20210517191218841.png]: /images/20221020/23b528ea93bd429caefaa0a40deaab6f.png
[20210517191519542.png]: /images/20221020/d6f6d6b4c95a4081bdc6eef379006861.png
[20210517191527975.png]: /images/20221020/715aa944a65945d280dd37e89abadfec.png