React入门教学

今天给大家讲一下react的基础,我们就不用脚手架了,前期我们先学习里面的添加dom元素,事件,还有组件reactText: 这个仓库主要放了项目react初期需要用的js文件 - Gitee.comhttps://gitee.com/xzx1314/react-text/tree/dev/首先我们先创建一个html,

然后进行引入文件 

第一个browser.js文件:这个文件是为了把jsx解析为js

第二个react.js文件:这个文件是react里面的组件方法之类的

第三个react-dom.js文件:这个文件是把在react中添加的内容输出到页面上

注意:这三个文件的顺序不能乱,如果顺序不对就会报错

下面是实操了:

 这就是react简单的创建元素,以前我们给元素添加样式是用的是class类,现在改为className

下面是在react中如何遍历数组然后渲染到页面上,里面也初次用到了组件,constructor里面放的是属性render里面返回的是你需要渲染的数据,直接把这个组件当做标签去使用了

代码如下:

 里面用的都是es6的一些方法因为jsx语法本来就是es6语法

下面是如何加事件

 里面需要用bind()来改变当前方法的一个this指向

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值