Reactjs “我该如何解决？”；需要一个表达式。ts（1109）“；在VSCode中？

我在打开一个reactjs文件时遇到VSCode错误“Expression expected.ts（1009）”<代码>执行和

如果

以红色突出显示。 但是我可以在本地开发环境中运行代码，而且编译也没有问题。我猜这是由于VSCode编辑器的错误

其他编辑器（如Atom或Sublime Text）也可以。我在React中使用了三元运算来解决它，但是如果

太多，事情就会变得非常复杂，如果

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


//表格材料
{
做{
如果（早餐）{
包括早餐
}否则如果{
不包括早餐
}
}
}

有什么方法可以解决VSCode中的警告问题吗？
if
语句需要一个表达式来断言是否应该使用该代码块

例：

if（a=true）{
//做点什么
}else if（b=true）{
//做点别的
}

如果只想渲染未包含的
早餐
，则只需使用
else
，而不使用
If
。或者让它更简单你可以做一个：

{
早餐？含早餐：不含早餐；
}
if

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

例：

if（a=true）{
//做点什么
}else if（b=true）{
//做点别的
}

如果只想渲染未包含的

早餐

，则只需使用

else

，而不使用

If

。或者让它更简单你可以做一个：

{
早餐？含早餐：不含早餐；
}

在我的例子中，我得到了预期的

表达式。ts（1109）

使用三元条件时出错。

在我的例子中，我得到了预期的

表达式。ts（1109）

使用三元条件时出错。

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

//要渲染的JSX在这里。。。
);

我在最后一行收到了同样的错误。 我添加了fragment元素以强制return（）接收一个父元素。您还可以通过将返回代码包装为“div”元素来实现这一点。但问题是，您将有随机的空'div'

医生解释得比我好

返回(
//要渲染的JSX在这里。。。
);

我在最后一行收到了同样的错误。 我添加了fragment元素以强制return（）接收一个父元素。您还可以通过将返回代码包装为“div”元素来实现这一点。但问题是，您将有随机的空'div'

---

医生解释得比我好

原始问题中使用的do表达式实际上是“有效的”JSX/JS语法。VS代码不满意的原因是。如果它在您的开发环境中工作，那么原始问题中使用的.

do

表达式实际上是“有效的”JSX/JS语法。VS代码不满意的原因是。如果它在您的开发环境中运行，.

您需要将该代码放入函数中。然后在render方法中调用它，您的代码没有任何意义这不是有效的JSX语法。我不知道为什么在它的开头有

do

，并且不能在其中嵌入if/else语句。试试这个：

{hasbreant&&breaken Included}

这是别人的代码。VSCode在我打开它时抛出错误@房祖名444很有道理。三元运算符可用于解决此警告。但是如果有很多

的话，它就会变得复杂，如果有其他的
。如果你有复杂的逻辑，那么就不要把它嵌入你的组件中，因为你是对的，它会变得凌乱和难以阅读。相反，将逻辑拉到函数中，然后在JSX中调用该函数，例如：
{includedFinds（）}
您需要将该代码放入函数中。然后在render方法中调用它，您的代码没有任何意义这不是有效的JSX语法。我不知道为什么在它的开头有
do
，并且不能在其中嵌入if/else语句。试试这个：
{hasbreant&&breaken Included}
这是别人的代码。VSCode在我打开它时抛出错误@房祖名444很有道理。三元运算符可用于解决此警告。但是如果有很多
的话，它就会变得复杂，如果有其他的
。如果你有复杂的逻辑，那么就不要把它嵌入你的组件中，因为你是对的，它会变得凌乱和难以阅读。相反，将逻辑拉到函数中，然后只调用JSX中的函数，例如：
{includedFinds（）}