如何修复 VSCode 中的“预期表达式.ts(1109)”？

Question

我在打开 ReactJS 文件之一时遇到 VSCode 错误“Expression Expected.ts(1009)”。do并if突出显示为红色。但我可以在本地开发环境中运行代码，并且编译也没有问题。我猜这是由于 VSCode 编辑器错误造成的。

其他编辑器如 Atom 或 Sublime Text 都可以。我在React中使用三元运算来解决这个问题，但是如果太多的话事情会变得非常复杂else if。

<div className='form'>
    // Form stuffs
</div>
{
    do{
      if (hasBreakfast) {
        <span>Breakfast Included</span>
      } else if {
        <span>Breakfast Not Included</span>
        }
    }
}

有什么方法可以解决VSCode中的警告吗？

Answer 1

该if语句需要一个表达式来断言是否应使用该代码块。

前任：

if (a === true) {
  // do something
} else if (b === true) {
  // do something else
}

如果您只想渲染 ，则Breakfast Not Included可以else不使用if. 或者让它更简单，你可以制作三元：

{
  hasBreakfast ? <span>Breakfast Included</span> : <span>Breakfast Not Included</span>;
}