React组件

• 组件名首字母必须大写，区分原生html标签
• 会使用到JSX语法

1. function方式创建组件

function Clock(props){
  return (
      <div>
        <h2>现在时间：{props.date}</h2>
        {/*组件内部写注释，需用{}包裹，外部不需要*/}
      </div>
  )
}

2. ES6 class方式

class Clock2 extends React.Component{
  render(){
    return (
      <div>
        <h2>假面骑士2：{this.props.date.toLocaleTimeString()}</h2>
      </div>
    )
  }
}

3. 用户自定义方式

const element = <div name=">用户自定义组件</div>;

4. 复合组件：

React组件

原文：https://www.cnblogs.com/lhx9527/p/13738393.html