默认属性
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中的值