首页 > 解决方案 > 为什么不使用 var 和 let 在反应组件中工作?

问题描述

我的代码沙箱说。

 /src/App.js: Unexpected reserved word 'let' (9:4)
    
    export default function App() {
     return (
>       var wow = '1'
         ^
           
       <div className="App">
       <h1>Tensorflow</h1>

这是代码。

此行导入反应和样式文件。

import React from "react";
import "./styles.css";
    
export default function App() {
  return (

这是错误行

    let wow = '1'
  );
}

标签: javascriptreactjsvariables

解决方案


仅供参考,var(或 let)不应该存在,因为您应该只返回 jsx,并且您应该在返回之外定义变量。因此,只需将 var(或 let)语句从 return 语句中移出,如下所示:

export default function App() {
  var wow = '1';
  return (
    <div className="App">
      <h1>Tensorflow</h1>
    </div>
  );
}

推荐阅读