不能在箭头函数中调用USESTECT钩子

Question

我目前试图从react中实现tic tac toe示例，但使用的是钩子和ES6标准，但我似乎无法调用USEstate。我不断得到这些错误：

第6:33行：React Hook“usestate”在函数“game”中被称为，它既不是React函数组件，也不是自定义React Hook函数react-hooks/rules-of-hooks

这是我当前的代码：

import React, { useState } from "react";
import Restart from "../../Components/Restart/Restart";
import Square from "../../Components/Square/Square";

const game = () => {
  const [squares, setSquares] = useState(Array(9).fill(null));
  const [isXNext, setIsXNext] = useState(true);
  const nextSymbol = isXNext ? "X" : "O";
  const winner = calculateWinner(squares);
  ...
  return (
    <div className="container">
  );
};

多谢！

Answer 1

您需要将组件名称大写。链接到文档