有没有办法在 Svelte 中将 props 声明为可选

2024-01-06

我创建了一些带有可选道具的组件,例如hide={true}。我的问题是,当我不通过该道具时,这些恼人的错误消息总是充斥着我的控制台:

<MyComponent> was created without expected prop 'hide'

有什么方法可以将 props 声明为可选吗?


只需给它们一个默认值即可。

MyComponent.svelte

<script>
  export let i = 123 // Default value is now 123
</script>

<!-- Output is "i = 123" -->
<p>i = {i}</p>

应用程序.svelte

<script>
    import MyComponent from './MyComponent.svelte'
</script>

<!-- No error here! -->
<MyComponent/>

所以,在你的情况下你会改变export let hide to export let hide = false.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法在 Svelte 中将 props 声明为可选 的相关文章

随机推荐

  • 在 T4 中引用程序集时出现“找不到元数据文件”错误

    我有班级图书馆A和图书馆B与T4模板 B 引用 A 并且汇编指令存在于模板内 lt assembly name ProjectDir OutDir A dll gt 当我运行模板转换错误时显示 编译转换 元数据文件 path A dll 无
  • 函数使用 print 进行迭代,但不使用 return 进行迭代

    Python 新手 运行 2 7 我正在尝试创建一个程序 该程序使用函数生成文本 然后将函数生成的文本输出到文件 当只是在 powershell 中打印函数时 如下所示 http codepad org KftHaO6x http code
  • 如何始终显示两个日期选择器并在输入中设置默认日期

    我有两个输入 startdate and enddate 我正在使用 jQuery UI 的日期选择器 我有两个问题 1 如何使日期选择器始终显示 而不是单击输入时显示 当前代码仅显示enddate的日期选择器 当我单击其他输入时它将隐藏
  • 使用 Phonegap 离线浏览已知地图

    您好 提前谢谢您 我想问是否有一种方法可以编译已知的谷歌地图图块并将其加载到 Phonegap 应用程序中 更具体地说 我正在开发一个应用程序 涉及特定区域内的地理位置 路径导航等 由于应用程序的使用性质 例如 它可能用于野生动物 用户的手
  • 将返回的 JSON 对象属性转换为(低位在前)camelCase

    我从 API 返回了 JSON 如下所示 Contacts GivenName Matt FamilyName Berry 为了保持与我的代码风格一致 camelCase 小写首字母 我想转换数组以生成以下内容 contacts given
  • 我可以将 jQuery UI 1.12.1 与 jQuery 3.x 一起使用吗?

    我改变了我的 jQuery1 7 2 to 3 1 1并更改了我的 jQuery UI 版本1 8 16到版本1 12 1 我现有的很多 JS 东西都坏了 比如按钮的样式 以及dialog行为方式出乎意料 即一半的模式对话框被神秘的东西掩盖
  • 具有事件处理程序的 asp.net 动态按钮

    我在 ASP NET 中动态生成的按钮及其事件处理程序遇到了一个小问题 我为特殊用户生成了一个带有附加按钮的灵活表格 这些按钮将动态生成 效果很好 但我无法让事件处理程序工作 以下是我的代码中的一些片段 构建按钮 在自己的函数中 Butto
  • 使用 JavaScript 从 C# 执行 doPostBack

    您好 我有一个父页面 它打开一个弹出窗口 用户在子弹出页面上进行一些更改 然后单击保存按钮 当用户单击保存按钮时 我想PostBack到父页面 以便在弹出窗口中所做的更改可以在父窗口中看到 Question 如何实现上述场景 我想在aspx
  • 将单个 doc 文件转换为 pdf

    我正在使用以下代码如何以编程方式将 Word 文件转换为 PDF https stackoverflow com questions 607669 how do i convert word files to pdf programmati
  • 在 virtualenv 中创建项目时没有名为 django.core 的模块

    所以我环顾了很多与我类似的问题 但我找不到具体的答案 我的电脑规格是 Windows 7 64 位 我的问题是这样的 1 我使用 pip 安装了 virtualenv pip install virtualenv 2 之后我创建并激活了一个
  • JUnit 5 有类似 Cucumber 的标记钩子的东西吗?

    有没有办法像 Cucumber 一样在 JUnit5 中用钩子注释单个测试 例如 在黄瓜中 可以编写像这样的钩子 Before SomeTest public void beforeSomeTest 然后 如果我们使用 SomeTest 注
  • 如何从 calibrateCamera 结果获取相机世界位置?

    我正在使用 calibrateCamera 执行相机校准 输出的一部分是一组 Rodrigues 旋转向量和 3 D 平移向量 我对摄像机的世界位置感兴趣 如果我直接绘制平移点 结果看起来不正确 我觉得我的坐标空间很混乱 但我在解析 ope
  • nginx try_files 和 add_header

    有人可以解释一下吗 我有一个 nginx 服务器块 其中包含以下代码片段 location try files uri uri index html 基本上 我用它来提供 Angular SPA 它运作良好且很棒 现在我想追加Access
  • 显示韩语字符 - iOS 应用程序

    我正在尝试在我的 iPhone 应用程序中显示韩文文本 该应用程序将字母的 Unicode 逐一附加到 NSMutableString 中 并在附加每个字母后在屏幕上显示该字符串 我了解连接字母 Jamo 有一些规则 是否有一个函数可以自动
  • 从函数内部禁用 `functools.lru_cache`

    我想要一个可以使用的功能functools lru cache 但不是默认情况下 我正在寻找一种使用函数参数的方法 该函数参数可用于禁用lru cache 目前 我有该函数的两个版本 其中一个版本带有lru cache和一个没有 然后我有另
  • 导入错误:无法导入名称应用程序

    我正在尝试按照教程进行操作 But from kivy import App gives ImportError cannot import name App 我怎样才能解决这个问题 我已经安装了kivy 1 8 0和cython 0 20
  • c# - 如果方法运行时间太长,则中止方法的执行

    如果运行时间太长 如何中止方法的执行 e g string foo DoSomethingComplex but if DoSomethingComplex 花费的时间太长 比如说 20 秒 然后只需将 foo 设置为 您可以创建一个运行您
  • Spring MVC:表单标签和命令错误

    我正在使用 Spring 框架进行编程 在处理表单标记中的 jsp 第 2 行 时显示以下错误后 我感到绝望 Error ERROR org springframework web servlet tags form InputTag Ne
  • Now.sh 构建中断的原因是:当前未启用对实验性语法“decorators-legacy”的支持

    预期的 添加后decko 对装饰器的支持 以及添加对experimetalDecoractors in my tsconfig js并使用 babel plugin proposal decorators in 包 json My now
  • 有没有办法在 Svelte 中将 props 声明为可选

    我创建了一些带有可选道具的组件 例如hide true 我的问题是 当我不通过该道具时 这些恼人的错误消息总是充斥着我的控制台