React学习二

Posted 2021-03-10 ilittlefairy

解决编辑器sublime显示react代码颜色不对的问题

解决：下载babel插件

下载地址

https://github.com/babel/babel-sublime

下载之后将压缩包解压，通过首选项——>浏览插件，将其解压后的安装包防止浏览插件打开的文件目录，然后重启sublime，选择右下角的javascript中的JavaScript（babel）

或者在线下载，在线下载比较慢，所以不推荐。

---

jsx语法

①在js文件里写html标签就是jsx语法；与原生js的区别：原生js引入html标签时要带双引号返回的是字符串，而jsx直接返回标签 return <div></div>

②除了html标签，还可以写自己自定义的标签（使用自己的组件，组件名称首字母大写）

③jsx语法要求：render（）函数的返回值必须外层有且只有一个包裹元素【不想要这个元素（影响布局）可以引入{Fragment},使用<Fragment>这个占位符】

React中的响应式设计思想和事件绑定

如果想控制页面上元素的内容发生变化，原生的js是操作dom，而react是响应式框架，不操作dom，直接操作数据，react自动感知数据变化，自动生成dom

关键点：找到数据项。

es6语法：构造函数construct (props) ---