无法在箭头函数中调用 useState 挂钩答案

【问题标题】：Can't call useState hook in arrow function无法在箭头函数中调用 useState 挂钩
【发布时间】：2020-06-07 04:37:21
【问题描述】：

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

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

我目前的版本是：
“反应”：“^16.12.0”，
"react-dom": "^16.12.0",
“反应脚本”：“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">
  );
};

非常感谢！

【问题讨论】：

<div className="container">。你没有关闭 div，因此你没有返回一个组件，你只是返回了开始标签。
@JMadelaine 它确实关闭了我只是不希望它太长应该添加......

标签： javascript reactjs react-hooks

【解决方案1】：

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

【讨论】：