Sveltekit 在 HTML 上返回 null 值答案

【问题标题】：Sveltekit return me null value on HTMLSveltekit 在 HTML 上返回 null 值
【发布时间】：2022-01-04 17:30:36
【问题描述】：

我在我的 html 中得到“null”值。我知道我的公司名称为空。我无法实现 {{array.business?.name || “”}}。有什么方法可以将“null”值删除为空字符串？

{array.business?.name}

this is the result after it render the null data

【问题讨论】：

标签： sveltekit

【解决方案1】：

你用过ts吗？这是来自打字稿的符号。

我做测试，对我来说它有效。

<script lang="ts">
    const array = {
        business: {}
    }

</script>

{array.name?.foo} --
{array.business?.foo} --
{array.name?.foo ?? '??'} --
{array.name?.foo || '||'} --

{array.business?.foo ?? 'b??'} --
{array.business?.foo || 'b||'} --

{array.business.foo ?? 'c??'} --
{array.business.foo || 'c||'} --

结果：

undefined --
undefined -- 
?? -- 
|| -- 
b?? -- 
b|| -- 
c?? -- 
c|| --

【讨论】：

【解决方案2】：

大声笑，我刚刚找到了答案，但这是野兽练习吗？如果我有超过 100 个 json 参数怎么办？我必须每个都做吗？

[1]https://svelte.dev/repl/095b7f2439dc42d380741350ea11b20f?version=3.22.3

<div class="section-title">
 {#if !array.business?.name}
   <h2></h2>
 {:else}
   <h2>{array.business?.name}</h2>
 {/if}
</div>

【讨论】：