reactjs - 在vscode中使用reactjs报错

Question

在 Visual Studio 代码中使用“jsx”语法。视觉工作室代码报错

请帮我。谢谢！！！

标签： reactjsvisual-studio-codeformathighlight

Answer 1

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

例如，不要这样做：

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

去做：

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

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

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