如何根据索引进行集合并在ReactJ中显示为选项卡

Question

我正在构建一个基于reactjs实现的标签的reactjs网站。我需要根据Tabindex(3组(对项目/文章的集合进行分组，并将其显示为使用React-Tabs中的ReactJ的视图。我有一个较早的代码，该代码在其中，该集合是一个对象，其中添加了3(TAB(组细节。但是，当我动态添加文章时，这不起作用。因此，我现在正在使用所有文章的集合，并且需要根据Tabindex进行分组。每个Artcile都有属性 - ID，Tabindex/TabName，标题，文本。

请给我帮助。以下是代码段：

return this.state.articles.map(tabArticles => {
      return (
        <TabPanel>
          {tabArticles.map(
            article => (
              <div>
                <br />
                  <p className="option__text">
                    <Link to={`article/${article['id']}`}>{article['title']}</Link>
                  </p>
                  <p className="option__text">{(article['text']).substring(0, 20) + "..."}</p>
                  <br/>
              </div>
            )
          )}
        </TabPanel>
      )});

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Answer 1

我在JavaScript中使用了'过滤器'，并且代码对我有用。