错误:预期在箭头函数末尾返回一个值

Error : Expected to return a value at the end of arrow function

提问人:Avik Biswas 提问时间:9/3/2023 更新时间:9/3/2023 访问量:19

问:

期望在箭头函数的末尾返回一个值,这是在严格模式下使用 react JSX 时很容易遇到的常见问题

内容类型 = id => {

console.log('')

if (id === 'COURSE') {
  return <div>{id}</div>
}
if (id === 'PROJECT') {
  return <div>{id}</div>
}   

}

返回 返回值 箭头函数 react-strictmode

评论


答:

0赞 Avik Biswas 9/3/2023 #1

正确的 ans 是

内容类型 = id => { console.log('')

if (id === 'COURSE') {
  return <div>{id}</div>
}
if (id === 'PROJECT') {
  return <div>{id}</div>
}
return ''  

}

不要在最后没有返回的情况下离开,在 react strict 模式下会发生这种情况,last 和默认条件总是在最后没有额外的块