React导入useState-require未定义

Question

为了学习React，我有一个非常简单的带有State Hook的功能组件。我似乎无法获得import语句来正确导入useState，并且我有控制台错误Uncaught ReferenceError: require is not defined。这里还需要什么东西来让这个组件工作吗？

import React, { useState } from 'react';
const LikeButton = () => {
const [liked, setLiked] = useState(0);
if (liked) {
return (
<i className="fas fa-thumbs-down" onClick={() => setLiked(!liked)}/>
)
}
return (
<i className="fal fa-thumbs-up" onClick={() => setLiked(!liked)}/>
)
}
const root = ReactDOM.createRoot(document.querySelector('#like'));
root.render(<LikeButton />);

Answer 1

答案是使用React.useState(0)而不是import语句。