React Hook"use效应"在函数"鞋"中被称为，它既不是React函数组件，也不是自定义的React Hook

Question

我得到以下错误：

在函数“shoes”中调用React Hook“useffect”，该函数既不是React函数组件，也不是自定义React Hook函数React hooks/rules of hooks

我不确定我的代码中到底有什么错误：

import React, {useState, useEffect} from 'react';
import "../App.css"

function shoes() {
    useEffect(() => {
        fetchItems();
    }, []);

    const fetchItems = async () => {
        const data = await fetch('xxxxxxxxxxxxxxxxxxxxx')
        console.log(data)
    };

    return ( < h1 className = "main" > Shoes < /h1> );
    }
}

export default shoes;

Answer 1

我还想添加对我有效的解决方案。这应该是一个将第一个字母大写的组件，但是如果您试图创建一个钩子，并且出现上述错误，那么请在钩子的开头追加使用。例如useshoots（）

Answer 2

如这里所述，React组件名称需要以大写字母开头。
这是因为React将以小写字母开头的组件视为DOM标记。

因此，您应该将其命名为Shoes。