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 。

Answer 2

我還想添加對我有用的解決方案。 這應該是一個組件，因此將第一個字母大寫有效，但是如果您嘗試創建一個鈎子並且出現上述錯誤，則在鈎子的開頭附加use 。 例如useShoes()