导入 React 不起作用

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>
}
}
}

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

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>
)
}
}