React Hook在函数中调用，该函数既不是React函数组件，也不是自定义React Hook函数[重复]

Question

import {useStaticQuery, graphql} from "gatsby"


const blog = () => {
    const {site} = useStaticQuery(
        graphql`
      query {
        site {
          siteMetadata {
            title
          }
        }
      }
    `
    )
    return site.siteMetadata
}

export default blog

Answer 1

将组件的名称大写：

import {useStaticQuery, graphql} from "gatsby"


const Blog = () => {
  const {site} = useStaticQuery(
    graphql`
      query {
        site {
          siteMetadata {
            title
          }
        }
      }
    `
  )
  return site.siteMetadata
}

export default Blog

用户定义的组件必须大写

我们建议用大写字母命名组件。如果有一个以小写字母开头的组件，在JSX中使用它之前，请将其分配给一个大写变量。