如何使用React创建部分
如何使用React创建部分
提问于 2017-03-01 02:01:14
我应该如何在我的html中创建部分:创建一个根目录并用<Header/>和<Footer/>等组件填充它，或者创建几个html部分并用相应的组件填充每个部分？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-03-01 02:11:30
我发现拥有一个根组件来保存页眉和页脚组件对我来说要干净得多，如下所示：
class RootComponent extends React.Component {
render() {
return (
<Header />
{this.props.children}
<Footer />
);
}
}这使我可以呈现我的组件，而不必使用页眉和页脚组件使它们膨胀。如果不使用此设置，每次创建新页面时都必须包括页眉和页脚组件，这也让我感到恼火。
Stack Overflow用户
发布于 2017-03-01 02:43:42
因为React组件是可组合的，所以这两种方法都能很好地工作，这取决于页眉/页脚的复杂程度。如果它们足够简单，这是可行的(为简单起见，我使用无状态函数组件)：
function Root() {
return (
<div>
<header>/* simple header content */</header>
<footer> /* simple footer content */</footer>
</div>
)
}但是，当header和footer标记中的内容变得更加复杂时，您可以将它们分解到各自的组件中，以保持文件的小巧和可读性：
function Header() {
return (
<header>
// complex content
</header>
)
}
// Similar for Footer component
function Root() {
return (
<div>
<Header/>
<Footer/>
</div>
)
}如果没有您提供的更多信息(如示例页眉和页脚)，我们无法给出更多建议。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42515739
复制相关文章
相似问题
腾讯云开发者
