4. react元素与组件

react元素：
const element =

Hello, world!

;
ReactDOM.render(
element,
document.getElementById('example')
);

---

react组件：
react项目就是由许许多多的组件构成，下面我们来了解一下react的两种组件的使用方式
1、rfc--react function component

import React from 'react'
export default function TodoHeader() {
return (

嘻嘻

)
}

2、rcc--react class component

import React, { Component } from 'react'
export default class TodoHeader extends Component {
render() {
return (

哈哈

)
}
}

注意：

1. react组件名字首字母大写。
2. 值得注意的是 React DOM 首先会比较元素内容先后的不同，而在渲染过程中只会更新改变了的部分。