我在打开其中一个 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中的警告吗？

最佳答案

return (
  <Fragment>
  // JSX to render goes here...
  </Fragment>
);

我在最后一行收到了同样的错误。 我加了fragment元素强制return()接收一个父元素。您还可以通过将返回代码包装为“div”元素来实现此目的。然而，那里的问题是你会有随机的空“div”。

文档比我解释得更好。 https://reactjs.org/docs/fragments.html

关于reactjs - 如何修复 VSCode 中的 "Expression expected. ts(1109)"？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56371020/