码迷,mamicode.com
首页 > 其他好文 > 详细

React学习二

时间:2020-02-12 20:16:23      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:直接   自动   安装包   打开   local   users   显示   rop   react   

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

解决:下载babel插件

下载地址

下载之后将压缩包解压,通过首选项——>浏览插件,将其解压后的安装包防止浏览插件打开的文件目录,然后重启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) ---

 

React学习二

标签:直接   自动   安装包   打开   local   users   显示   rop   react   

原文地址:https://www.cnblogs.com/ILittleFairy/p/12300581.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!