React 学习笔记 (一)(创建组件、绑定数据、绑定属性、循环数据、引入图片)

使用 create-react-app 快速构建 React 开发环境

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

创建组件、绑定数据、绑定属性、循环数据

在这里插入图片描述
在这里插入图片描述
引入图片
引入图片
react引入图片
注意的点:
1、所有的模板要被一个根节点包含起来
2、模板元素不要加引号
3、用大括号{}绑定数据
4、循环数据要加key
5、img要加alt
6、绑定属性
class 要变成 className
for 要变成 htmlFor
style属性写法

<div style={{'color':'red'}}>行内样式1双大括号</div>
<div style={this.state.style}>行内样式2  style="{'{this.state.style}'}"</div>
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值