React

Question

我一直试图通过使用它来构建我自己的网站来学习React，并且已经到了我非常想要使用jinja2模板的地步。我非常了解组件范例，但我很难将更大的图片拼凑在一起。

例如，让我们说我正在构建http://www.imgur.com

对于组件，我可能会为每个图像写一个图像card component，对于每个图像的简短摘要，可能会写mouseover component等等。

然而，我怎么想把更大的碎片放在一起？在jinja2中，我可以扩展基本模板或包含页眉/页脚。在React中做这种事情的正确方法是什么？我想完全摆脱传统的模板。

Answer 1

我认为你肯定有正确的想法，你只需稍微扩展它。如果您已经拥有“card”组件和“mouseover”组件，则只需要添加类似“homePage”组件的内容，这些组件将由其他组件组成。

例如，“homePage”组件中的render方法可能如下所示：

render() {
  var menuItems = ['sign in', 'sign up'];
  return (
    <div>
      <navbar menuItems={menuItems} />
      <card attr1="Card1" />
      <card attr1="Card2" />
    </div>
  );
}