假设我有两个文件,button.html
和toggle.html
。对于此示例,按钮无关紧要,但切换无关。这是切换代码:
{% if include.value %}
{% assign addonclass = 'addon-class' %}
{% endif %}
<div class="toggle {{addonclass}}">
Some content
</div>
这很对,如果我每次都想向该div添加一个类
{% include toggle.html value = "somevalue" %}
这是踢脚线。单独运行就可以了,但是,如果我在页面上执行以下操作:
{% include button.html value = "some value" %}
{% include toggle.html %}
toggle中的if语句为true,但是不会输出{{value}}
,它将为空。我勒个去?难道每个“组成部分”都不应该是自己的道具,而不是处处定义的所有道具吗?我知道我必须做类似的事情:
{% assign labelclass = '' %}
但是为什么呢?如果将props传递给所有调用的组件,为什么要传递props到组件?如果有任何不同,我将与Jekyll btw一起运行。