React组件详解

React组件：函数组件、类组件

一、函数组件|视图组件|木偶组件：

react16.7版本之前-无状态组件:没有this、没有生命周期、只有属性，在16.7版本之后添加了声明周期；相对class组件性能好，因为没有生命周期state这些内容的处理，因此如果某个组价只负责渲染视图没有很多交互就可以使用函数组件。

1、使用方法

const Component = () =>{
    return (
        <div>我是第一个组件<div>
    )
}

ReactDom.render(<Component></Component>,window.root)
//或
ReactDom.render(Component(),window.root);

2、属性的注册与接收 

属性注册

ReactDom.render(<Component name='coder'><Component>,window.root)

属性接收（ES6结构赋值,props对象内包含注册的属性）