React 函数创建和渲染

import React from "react"

//函数组建的创建和渲染
//创建
// 1.组件名称必须首字母大写，react内部会根据这个来判断是否是组件还是普通的HTML标签
//2.函数组件必须有返回值，表示UI结构，如果不需要渲染的话，可以返回null
//3.组件就像HTML标签，可以被渲染到页面上，对于函数组件来说，渲染的内容是返回的值
//4.使用函数名称作为组件标签名称，在页面上使用时，就是使用函数名称
//如何获取事件对象e?
//只需要在函数组件中传入参数e就可以获取事件对象
//如何传递自定义函数?
//把onclick中的函数改成箭头函数 {clickHandler}->{() => {clickHandler('自定义参数')}}
function Hell0 () {
  const ClickHander = (e) => {
    console.log('click', e)

  }
  const ClickHander2 = (e, msg) => {
    console.log('click', msg, e)

  }

  return <div ><div onClick={ClickHander}>Hello</div>
    <div onClick={(e) => ClickHander2(e, 'this is message')}>Hello</div>

  </div>

}

//渲染
//类组建的创建和渲染
//创建
//1.类组件名称首字母必须大写
//2.类组件应该继承  React.Component父类，从而使用父类的方法和属性
//3.类组件必须有render方法，返回一个结构，表示UI结构

class HelloC