React

Thu, 09 Apr 2026 20:00:00 +0800

基础知识

props 是配置组件行为和外观的外部输入，它决定组件渲染什么，但组件不能修改它。

组件不是凭空渲染，它需要“数据”，而 props 就是数据来源。

React 明确规定：

子组件不直接知道父组件是谁，只知道父组件给它的 props。

在声明 props 时， 不要忘记 ( 和 ) 之间的一对花括号 { 和 } ：

function Avatar({ person, size }) {  

}

这种语法被称为 “解构”，等价于于从函数参数中读取属性：

function Avatar(props) {  
	let person = props.person;  
	let size = props.size;  
	// ...  
}

state 是组件内部可变的数据，用来驱动组件的渲染与行为。它由组件自己拥有和管理（或通过 useReducer/外部管理器协调），当 state 变化时 React 会重新渲染该组件（及其子树）。

一个文件里有且仅有一个默认导出，但是可以有任意多个具名导出。