React$Component-Introduce

1. What is Component 组件是什么

Component 组件：组件是功能的封装。一个组件通常封装了 HTML, JavaScript 及 CSS。（和 Vue 的 单文件组件 SFC 不同，React组件的CSS通常存放在 CSS 文件中，虽然也有 styled-components 这种在js文件中写CSS的，但是个人感觉不地道。）

2. 组件的分类

现在通常有两种组件：Function Component 和 Class Component。其中Function Component是现在时。

3. How to Use Component 组件的使用

1. 定义组件

// @file hello.js
export default function Hello() { // Capitalize
	return( // JSX
		<div>Hello Component</div>
	)
}

2. 使用组件

// @file app.js
import Hello from './hello.js'
export default function App() {
	return(
		<Hello />
	)
}

Links

ReactYourFirstComponent

ReactComponentTypes