React基础知识整理（1）

今天给朋友们带来笔者的react基础知识的一个小整理，内容可能有点乱。。。请勿喷。。。如果想搜索您想搜索的东西可以ctrl键+F键快速查找。

1. Fragment，一个特殊的包裹，如果你不想让你的组件最外层有标签包裹的话可以使用Fragment将你的组件包裹起来，它不会渲染。
   使用方法：

import React, { Component,Fragment} from 'react'  //从react中引入
export default class ReactApp extends Component {
	render() {
		return (
			<Fragment> //将你的组件包裹起来即可
				//code
			</Fragment>
		)
	}
}

2. 在标签上绑定事件的方式,采用小驼峰命名法。
   事例如下：

<button onClick = { this.xxx }>点击事件</button>
<button onDoubleClick = { this.xxx }>双击事件</button>
<input type = "text" onSelect = { this.xxx }>选中事件</input>
<input type = "text" onKeyDown>键盘按下事件</input>

3. react里更改state的注意事项。
    react里的state不能直接更改，这样更改的话，只有数据会变化，但是界面不会实时刷新，要使用this.setState({})方法
4. setState有俩个参数，第一个值是对象，也可以是一个方法去return一个对象，这样做的好处是可以在这个方法里面有俩个参数，是上一次的state和上一次的props，因为setState是异步的，所有setState还有第二个参数，也是一个方法，里面得到的this.state是最新的this.state。
5. 事件绑定的时候可以有onChange事件，在里面重新赋值，事件有event参数，在event.currentTarget.value里面能够获取到新输入的值，重新赋给this.state就会实现事件绑定。
6. 在 JSX(javascript xml) 里面如果想写js就要加{}。
7. 设置props的默认参数
   1. static defaultProps --设置默认参数，等于一个对象，在对象里面设置默认值。
   2. 使用函数创建的组件或是class类创建的组件就要通过在创建组件之后通过组件名.defaultProps = { xxx : “xxx” }
   3. 使用es6语法：把props用一个对象结构然后给加默认值，例如：

// 请不要直接copy代码使用。笔者只是举一个例子
function Index({
	props1=xxx,
	props2=xxx,
}) {
	xxx
	return (
		'xxx'
	)
}

。。。未完待续。。。持续更新中。。。