reactjs - React：导入声明只能出现在模块的顶层

Question

我是新手，所以请原谅我（就像新的一样），但我一直在跳过一些教程来让这个东西工作，我收到了这个错误：

我的代码如下所示：

但是，当它编译时，它是这样的：

// Automatically generated by ReactJS.NET. Do not edit, your changes will be overridden.
// Version: 5.2.12 (build 29c76c8) with Babel 7.8.7
// Generated at: 11/6/2021 5:30:22 PM
///////////////////////////////////////////////////////////////////////////////
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import React, { Component } from 'react';
import QrReader from 'react-qr-reader';

class Test extends Component {
  constructor(...args) {
    super(...args);

    _defineProperty(this, "state", {
      result: 'No result'
    });

    _defineProperty(this, "handleScan", data => {
      if (data) {
        this.setState({
          result: data
        });
      }
    });

    _defineProperty(this, "handleError", err => {
      console.error(err);
    });
  }

  render() {
    return React.createElement("div", null, React.createElement(QrReader, {
      delay: 300,
      onError: this.handleError,
      onScan: this.handleScan,
      style: {
        width: '100%'
      }
    }), React.createElement("p", null, this.state.result));
  }

}

ReactDOM.render(React.createElement(Test, null), document.getElementById('testbox'));

如何解决此错误？谢谢！

标签： reactjsasp.net-mvc-4