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

  1. ​Fragment​，一个特殊的包裹，如果你不想让你的组件最外层有标签包裹的话可以使用Fragment将你的组件包裹起来，它不会渲染。
    使用方法：
import React, { Component,Fragment} from 'react'  //从react中引入
export default class ReactApp extends Component {
  render() {
    return (
      <Fragment> //将你的组件包裹起来即可
        //code
      </Fragment>
    )
  }
}
  1. 在标签上​绑定事件的方式​,采用小驼峰命名法。
    事例如下：
<button onClick = { this.xxx }>点击事件</button>
<button onDoubleClick = { this.xxx }>双击事件</button>
<input type = "text" onSelect = { this.xxx }>选中事件</input>
<input type = "text" onKeyDown>键盘按下事件</input>

  2. react里​更改state​的注意事项。
     react里的state不能直接更改，这样更改的话，只有数据会变化，但是界面不会实时刷新，要使用this.setState({})方法
  3. ​setState有俩个参数​，第一个值是对象，也可以是一个方法去return一个对象，这样做的好处是可以在这个方法里面有俩个参数，是上一次的state和上一次的props，因为setState是异步的，所有setState还有第二个参数，也是一个方法，里面得到的this.state是最新的this.state。
  4. 事件绑定的时候可以有​onChange事件​，在里面重新赋值，事件有event参数，在event.currentTarget.value里面能够获取到新输入的值，重新赋给this.state就会实现事件绑定。
  5. 在 ​JSX(javascript xml)​ 里面如果想写js就要加{}。
  7. ​设置props的默认参数​


    2. static defaultProps --设置默认参数，等于一个对象，在对象里面设置默认值。
    3. 使用函数创建的组件或是class类创建的组件就要通过在创建组件之后通过组件名.defaultProps = { xxx : “xxx” }
    4. 使用es6语法：把props用一个对象结构然后给加默认值，例如：



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

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