学习 React，在做教程时出现“找不到名称‘按钮’”错误

Question

我正在学习React，正在遵循官方教程。在本教程的这一页上： https://nextjs.org/learn/react-foundations/server-and-client-components

您将看到“like-button.js”组件的代码：

import { useState } from 'react';
 
export default function LikeButton() {
  const [likes, setLikes] = useState(0);
 
  function handleClick() {
    setLikes(likes + 1);
  }
 
  return <button onClick={handleClick}>Like ({likes})</button>;
}

在 Visual Studio Code 中，“返回”行显示错误，第一个错误是“找不到名称按钮”

https://app.screencast.com/yrKBHWgTKl1PP

任何人都可以帮我理解这里出了什么问题吗？

Answer 1

按钮标签中的代码存在语法错误。

删除按钮结束标签中的空格或替换第 12 行中的以下代码。

return <button onClick={handleClick}> Like ({ likes}) </button>;