使用prop作为svelte组件中的键，默认prop返回未定义

问题描述

我试图在苗条的组件上使用道具作为组件中定义的对象的键。如果可以在组件上显式设置道具，则可以成功完成此操作，但是默认道具将返回undefined。

Button.svelte

<script>
const variants = {
  primary: 'btn-primary',secondary: 'btn-secondary',plain: 'btn-plain',}

export let variant = 'secondary';

<button class="btn {variants[variant]}"></button>

App.svelte

import Button from './Button.svelte';

<Button variant="primary" />  <-- renders <button class="btn btn-primary" />
<Button /> <-- renders <button class="btn undefined" />

如何使用默认的道具作为键，让我得到<button class="btn btn-secondary" />？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript svelte