react基础(上）

• JSX
  {} 中添加表达式，可以是变量值 也可以使HTML元素

• 添加事件 ，在需要添加监听事件的元素上添加on*属性。 react封装的事件

• 事件中this : reactjs中调用传入的方法时，是直接调用函数，而不是调用函数的方法。所以在函数内this不指向实例（打印时结果为null or undefined。需要bind

• 组件与元素：react中最小的单位是元素，组件是由各个元素或组件组成的可复用性强的react元素。组件类似JavaScript中的函数，接收不同的参数（props），输出对应的值（react元素）、。

• setState() 参数可为对象、函数。setState()函数不会马上更新state，会把对象放在一个队列中，之后再把队列中的新状态合并到state中并更新组件。

• props：任何组件都可以接收props参数。在使用组件的时候，把参数当做标签的属性，属性则会作为props对象的键值，一般作为父组件向子组件传值。子组件中用this.props.parameter可以获取到父组件传入的参数。props传入的值不能直接修改，修改时需要通过重新渲染的方式传入新的props值

• state和生命周期：组件的生命周期包含以下几个阶段--------挂载、更新（组件的更新过程是异步的，props和state值得变化都会使组件更新）、卸载以及错误处理。（该处信息量很大，之后有专门的一篇介绍生命周期函数）

• 条件渲染： react中声明元素使用的是JSX，这使得react元素的渲染可以设置条件。有以下实现方式

     1 .  与运算符&&
          A===‘true’ && <B />     //当A等于true时，渲染B；否则不渲染
     2.  三目运算
          A  ？ <B />  :  <C />     //当A为真时渲染B否则渲染C
  

• 列表和keys: 当页面中需要渲染多个相同的组件（或者元素）时，如li列表。给每一个li设置一个独一无二的key值，会优化组件更新过程。react组件更新过程中，先查找看有没有该key值，没有的话就直接重新渲染，有变化的就删掉该组件（或者元素）重新渲染一个新的组件（元素）。

这是我整理的react中的一些基础点，知识点有点杂乱，是想到什么写什么。这是自己巩固知识的小方法，如果有志向学习react的，还是建议仔细阅读官方文档并实现小的demo。