使用故事书组件中的数组进行循环或感染数据的问题

时间:2020-04-17 08:14:58

标签: design-patterns drupal-8 storybook

我已经安装了bootstrap_storybook主题并开始使用Storybook组件。到目前为止,在从Story.js文件中获取数据时,我遇到了 for循环的问题。我已经按照以下步骤添加了代码:

我的树枝文件的代码:

<div>
{% for item in searchitems %}
  {% include "../link/link.twig" with item %}
{% endfor %}

我的story.js文件的代码,用于获取数据

export const search_link = () => (
searchlink({
  attributes: new drupalAttribute(),
  plugin_id: "search_link",
  "searchitems": [
    {
      "link_url": "#abc",
      "link_content": "abc"
    },
    {
      "link_url": "#xyz",
      "link_content": "xyz"
    }
  ]
})  );

使用上面的代码,数据不会显示在页面上,但是如果我使用inspect元素进行了检查,则会呈现该结构。

我尝试使用{{dump(searchlink)}},然后它显示了数组中所有键值的数据,但是当我尝试访问具有任何键值的数据时,我将无法访问数据。 基本上,我可以访问树枝文件中的变量,但不能访问for循环中的键值。所以我对这个问题一无所知

因此,我尝试了以下简单循环:

{% for i in 0..10 %}
* {{ i }}
{% endfor %}

因此它只打印* 10次。但不会显示该数字。

有人可以帮我吗?这是怎么了,否则我什么都没念。请让我知道

我还在d.o https://www.drupal.org/project/bootstrap_storybook/issues/3127772

上发布了此问题

谢谢

Avani

0 个答案:

没有答案