React 学习笔记(一)

1、React绑定属性的时候注意事项:

在css中,给标签添加类须要用class。
可是在React中由于class被占用,因此标签的类名class 更改成 className
<div className="red"></div>
<label for=""></label> for的写法须要改写为htmlFor;
标签的style样式:
在html和css中标签若是添加行内样式时只须要<div style="width:100px;"></div>这样,
可是在React中若是直接写style="width:100px;"会报错,css

因此须要写为style={{"width":"100px","height":"100px","background":"red"}}这样才行,style={对象}。 也能够在constructor中直接绑定数据绑定一个对象:

style={this.state.style}

效果和上面是同样的

其余的属性和之前同样。

2、引入图片

一、引入本地图片时如html

在ImgDemo.js中引入non.jpg

<img src={nonImg} alt="img"/>这样就能够引入图片。
也能够使用es5的方法,<img src={require('../assets/images/non.jpg')}/>,这样也能够直接引入本地图片。

二、引入远程图片:
<img src="https://user-gold-cdn.xitu.io/2019/9/27/16d7206d050beca5?w=117&h=38&f=png&s=2910" alt="logo"/> 直接在src中引入地址就行。ui

相关文章
相关标签/搜索