JSX 的 false 處理

2019-08-14 14:31 更新

這篇文章展示了在不同上下文中 false 的渲染:

被渲染成 id="false":

React.render(<div id={false} />, mountNode);

String "false" as input value:

input value 的值將會是 "false" 字符串

React.render(<input value={false} />, mountNode);

沒有子節(jié)點

React.render(<div>{false}</div>, mountNode);

上面這個沒有被渲染成 "false" 字符串是應(yīng)為要考慮到這種常見的情況:<div>{x > 1 && 'You have more than one item'}</div>.



以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號