初学react之组件的render方法

一、为什么要用render方法 render是会把你的代码渲染成页面展示的内容，在react中，每个组件有且只能有一个render函数，且render函数返回的是jsx，返回的jsx中要有一个根标签包裹，不然就是不对的哦！

//错误示范
render () {
  return (
    <div>第一个</div>
    <div>第二个</div>
  )
}

正确示范
render () {
  return (
  <div>
    <div>第一个</div>
    <div>第二个</div>
  </div>
  )
}

在render函数中，如果你想要渲染一个表达式，那么就需要用到{}，vue中用到的是{{}}，它会把你的内容渲染到页面上，贼舒服，当然里面也可以用三元运算符作条件判断等。

render () {
  const className = 'header'
  return (
    <div className={className}>
      <h1>React 小书</h1>
    </div>
  )
}

总之一定要记住，render函数只能有一个，而且return 的一定是jsx !!!!!!!!