React Hook "useEffect" 在函数 "shoes" 中调用，它既不是 React 函数组件，也不是自定义的 React Hook

Question

我收到以下错误：

React Hook "useEffect" 在函数 "shoes" 中调用，它既不是 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

如上所述这里，阵营组件名称需要启动一个大写字母。
这是因为 React 将以小写字母开头的组件视为 DOM 标签。

因此你应该命名它Shoes。