React-组件的两种创建方式

1、使用函数创建组件

使用IS中的函数创建的组件叫做︰函数组件函数徂件必须有返回值

组件名称必须以大写字母开头，React据此区分组件和普通的React元素

//1、
function Hello ( ){
  return (
  	<div>这是我的第一个函数组件!</div>
  )
)
ReactDOM.render(<Hello />,  root)
 //2、
 //函数组件：
const Hello = ()=><div>这是我的第一个函数组件</div>
//渲染组件
ReactDOM.render(<Hello />, document.getElementById( " root '))

2、类组件

//类组件:
//创建类组件
class Hello extends React.component {
  render ({
          return (
          <div>这是我的第一个类组件</div>
              )
    })
  }
//渲染组件
ReactDOM.render(<Hello />, document.getElementById( "root '))