Skip to content
字数
227 字
阅读时间
1 分钟

函数式组件中的子元素也是函数的参数的一部分 在 React 中,函数式组件的子元素可以作为参数传递给函数式组件。具体来说,React 函数组件可以通过 props.children 访问子元素,这是一个特殊的 props 属性,用来表示组件标签内传递的子元素。

例如:

jsx
const Parent = ({ children }) => {
  return (
    <div>
      <h1>Parent Component</h1>
      {children}
    </div>
  );
};

const App = () => {
  return (
    <Parent>
      <p>This is a child element</p>
    </Parent>
  );
};

在上面的例子中,Parent 组件可以通过 props.children 访问并渲染 App 组件中传递的子元素 <p>This is a child element</p>

不过需要注意的是,children 不直接作为函数式组件的参数,而是包含在 props 对象中,即 props.children出处

贡献者

The avatar of contributor named as sunchengzhi sunchengzhi

文件历史

撰写