react-基础扫盲

1.为什么代码中没有用到React，还要引入React？

import React, { Component } from ’ react’; 

因为jsx最终会转移成依赖React的表达式

2.样式

1. 行内样式

<div style={{
    width:'200px',
    height:'80px',
    backgroundColor:'yellow',    　　　　
    fontSize:'24px',    　　　　
    textAlign:'center'   　　　　
}}>测试数据</div>

2. 声明样式

const style={
    width:'200px',
    height:'80px',
    backgroundColor:'yellow',    　　　　
    fontSize:'24px',    　　　　
    textAlign:'center'   　　　　
}
<div style={style}>测试数据</div>

3. 引入样式

import 'index.css' //会影响其他组件中contanier类样式
<div className='contanier'>test</div>

或者

import styles from 'XXX.module.css'//XXX规定为当前组件所在文件名
<div className={styles.styleObj}>test</div>

在DOM中：文件名_类名_hash值
3.ref获取组件实例

4.props.children