javascript - 导入反应不起作用

Question

我正在尝试使用 React 制作一个小型 javascript 应用程序，但在导入 react 的第一行出现错误。错误内容如下：Missing ; before statement: import React from 'react';

这是代码：

import React from 'react';
import { render } from 'react-dom';
import Hello from './Hello';

const styles = {
    fontFamily: 'sans-serif',
    textAlign: 'center'  
};

class App extends React.Component {
   render() {
       return {
             <div>
                <ul>
                </ul>
             </div>
       }
   }
}

有人可以帮我理解我做错了什么吗？

标签： javascriptreactjs

Answer 1

检查这是否有效，您不能在 {} 中返回 jsx，这将在渲染中返回一个对象。

import React from 'react';
import { render } from 'react-dom';
import Hello from './Hello';

const styles = {
    fontFamily: 'sans-serif',
    textAlign: 'center'  
};

class App extends React.Component {
   render() {
       return (
             <div>
                <ul>
                </ul>
             </div>
       )
   }
}