切换主题
字数
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
。 出处
贡献者
sunchengzhi