react.js 的導出默認函數中如何使用 if 語句？

Question

你能解釋一下如何在功能組件中使用 if 語句嗎？

我正在嘗試根據傳遞給道具的事件的值來定義一個常量。

例如，

export default function Event({ evt }) {

//const newVar = if{...} else{...}

//if evt.name is null, set name === 'Not defined"
//else, use evt.name.


return (
       ...my code here that uses newVar
 );
}

先感謝您

Answer 1

你有一個錯誤的代碼，試試下一個例子

    evt.name = evt.name ? evt.name : 'Not defined'

如果 evt.name 有值，則使用該值 如果沒有值，則用戶“未定義”作為默認值

解決您問題的其他方法

export default function Event({ evt: { name = 'Not Defined' } }) {
 
return(...)

使用此方法，您將解構對象“evt”並在 name 屬性中添加默認值