使用vscode中的reactjs报错

Question

在 visual studio 代码中使用“jsx”语法。 visual studio代码报错

请帮帮我。谢谢！！！

Answer 1

VScode window 的右下角有一个按钮（你说的是“Javascript 标准样式”）。如果单击它，您可以 select 不同的语言模式。你想要 select 与 React 一起工作的那个。您还可以从菜单列表中select“自动检测”。

例如，我说的是“Javascript React”

语言模式也可以从命令面板select编辑（Mac 上的 CMD-Shift-p，不确定在其他 OS 上是什么, 但您也可以从 toolbar > View)..

到达它

Answer 2

符号“<”应与标签名称出现在同一行。

例如，而不是这样做：

   return (     <
      button className="square"> {/*TODO*/} <
      /button>
   )

这样做：

  return(
    <button className="square"> 
         {/*TODO*/}
    </button>
)

如果要将标签拆分为多行，你可以这样做：

      return (
        <button 
          className="square"
          id="id"
          onClick={someFunc}
        > 
             {/*TODO*/}
        </button>
       )

使用vscode中的reactjs报错

Used the reactjs in vscode was report an error

format

highlight

reactjs

visual-studio-code