2.状态管理
2025年5月10日 · 116 字
1.state
react中使用state动态管理数据,state变化后dom会重新删除渲染,且每个组件的state都是独立的。
// 使用setAnswer来更新状态
const [answer, setAnswer] = useState('');
2.childrenprops
childrenprops
可以将一个组件的子元素直接传递给它的 children 属性,并在组件内部直接访问这些子元素。
// 父组件
const ParentComponent = () => {
return (
<div>
<ChildComponent>
<h1>Hello, world!</h1>
</ChildComponent>
</div>
);
};
// 子组件
const ChildComponent = (props) => {
return (
<div>
{props.children}
</div>
);
};