有人可以告诉我为什么会出现这个错误吗？

Question

错误：

React Hook "useState" is called in function "createFlight" that is  
neither a React function component nor a custom React Hook function.  
React component names must start with an uppercase letter  react- 
hooks/rules-of-hooks

我的代码：

import React, {Component} from 'react';
import { useState } from 'react'




function createFlight(){
    const [flight, setflight] = useState({flightNumber: "", departureTime: "", arrivalTime: "", departureDate: "", arrivalDate: "", cabin: "", economySeatsAvailable: "", businessSeatsAvailable: "", airport: "", from: "", to: "" });
    
}

export default createFlight;

Answer 1

将组件的名称更改为以大写字母开头（如错误所示）。

function CreateFlight(){

如果相反，它应该是一个自定义钩子，则需要在名称中use之前将其命名。 比如使用useCreateFlight

Answer 2

React 钩子只能在 React 组件或其他 React 钩子中调用。

React 组件必须是大写的，就像这样

function CreateFlight(){
    const [flight, setflight] = useState();
}

然后可以像这样渲染它们

<CreateFlight />

React 钩子是将行为绑定到组件中的函数。 它们必须命名为“use...”，例如“useFlight”或其他名称。