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

Question

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

内容类型 = id => {

console.log('')

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

}

Answer 1

正确答案是

内容类型 = id => { 控制台.log('')

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

}

不要在最后没有返回的情况下离开，在反应严格模式下会发生这种情况，最后一个和默认条件总是在最后没有额外的块