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

如here所述，React组件名称必须以大写字母开头。
这是因为React将以小写字母开头的组件视为DOM标签。

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

在函数“ shoes”中调用React Hook“ useEffect”，该函数既不是React函数组件也不是自定义React Hook

1 个答案: