React第二天

默认属性

componentName.defaultProps = {}

组件类型

有状态组件:可以定义state，即初始值的组件
无状态组件：没有state定义，例如：函数式组件

class组件即可以是有状态组件，也可以无状态组件
函数式组件一定是无状态组件，只展示页面

使用多个标签,使用div包裹,若不想包裹新标签，可以通过React.Fragment来包裹，就不会产生无意义

 <React.Fragment> 要包裹JSX </React.Fragment>

注释使用花括号包裹 {/* jsx要注释的内容 */}

React脚本架目录结构

public:存放入口页面 index.html和站标
src:平时做项目的目录

如果用npm run eject会释放出两个目录：config,script目录

 config:主要存放一些webpack配置文件和开发环境
 scripts:主要用于启动文件的目录，包括运行(start)，构建(start)，测试(test)

React样式处理

1.行内样式：将样式写成js对象形式，然后用style={样式对象} 调用
2.外接样式

    import './indexStyle.css';

表单的受控组件：

如果value被设置成为state中的数据时，则表单 元素就会变成受控组件，如果要想改变输入框的值，则必须还有添加onChange事件，来更新value中的值