时间戳

首页 > 解决方案 > 无法在箭头函数中调用 useState 挂钩

javascript - 无法在箭头函数中调用 useState 挂钩

问题描述

我目前正在尝试从 react 实现井字游戏示例，但使用钩子和 ES6 标准，但我似乎无法调用 useState。我不断收到这些错误：

第 6:33 行：React Hook "useState" 在函数 "game" 中被调用，该函数既不是 React 函数组件也不是自定义 React Hook 函数 react-hooks/rules-of-hooks

我当前的版本是：
“react”：“^16.12.0”，
“react-dom”：“^16.12.0”，
“react-scripts”：“3.4.0”

这是我当前的代码：

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

非常感谢！

标签： javascriptreactjsreact-hooks

解决方案

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

推荐阅读