2016-09-18 65 views
1

HTML:反應,如何輸出原始`null`和`undefined`和空字符串`''`?

<p>{null}</p>

<p>{this.state.someVar}</p>

我想他們的輸出是這樣的:

null

undefined

這裏是我的解決方案:

<p>{JSON.stringify(null)}</p>

<p>{typeof this.state.someVar === 'undefined' ? 'undefined' : this.state.someVar}</p>

有沒有更好的解決辦法?

+3

對於反應或對角? – Ultimater

+1

我會建議創建一個包裝函數並將值傳遞給它。然後你可以爲每個案例設置一個'if..else'階梯。這將保持html清潔,並使您的功能可配置 – Rajesh

回答

0

類似於您使用的JSON.stringify(),但更直接的

<p>{ String(myVar) }</p> 
+0

是否在'{'在Angular中工作? – M98

+0

如何輸出這樣的原始html:'