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 属性中添加默认值