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>
  );
};