react入门

​ 开始学习react了，总听人说react比vue要复杂，所以学的时候总把两个框架实现同一个功能的方式对比，嗯，确实觉得vue简单一点哈哈哈！好了，开始记录react的学习总结，很感谢react 小书, 我觉得写的很好

​

安装、创建react项目

首先确保安装了node和npm
npm install -g create-react-app  //安装create-react-app 命令，这个是用来创建react项目的
create-react-app react-pritice   //创建了一个名为react-pritice的react项目
cd react-pritice                 //进入这个项目里
npm start                        //启动项目，项目运行起来了

JSX语法

这个部分看react 小书, 看它就懂了，其中说react为了能直接在js中写html，所以扩展了js然后成了jsx， JSX 其实就是 JavaScript 对象，看完这部分我的理解是，jsx产生的这个对象上有三个属性，分别是 tags、attr、children，然后通过ReactDom.render()渲染出dom，然后插入页面

​

函数组件和类组件

函数组件：对比类组件，接收props，只用来展示页面，没有this，无法使用生命周期

类组件：this 、生命周期等都是有的

import React, {Component} from 'react'

//函数组件：
function FuncComp(props)  {
  return (
    <div>
      <p>日期：{props.date}</p>
      <p>天气：{props.weather}</p>
    </div>
  )
}
//类组件
class LeiComp extends Component{
  state = {
    date: '2019-1-1',
    weather: '晴'
  }
  render () {
    return (
      <div>
        <h2>具体的信息如下：</h2>
        <FuncComp date={this.state.date} weather={this.state.weather}></FuncComp>
      </div>
    )
  }
}

export default LeiComp

本次总结到这里，其他的用一个Todolist的小练习来总结