Я довольно новичок в React, GraphQL и Gatsby. Я следую инструкциям и не могу понять, куда должен идти тег <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"> ...
Вот мой файл layout.js ...
import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import {StaticQuery, graphql} from 'gatsby'
import Header from './header'
import './css/style.css'
import Footer from './footer'
const Layout = ({ children }) => (
<StaticQuery
query={graphql`
query SiteTitleQuery {
site {
siteMetadata {
title
description
keywords
}
}
allContentfulLink (sort: { fields: [createdAt], order: ASC }) {
edges {
node {
title
url
createdAt
}
}
}
}
`}
render={data => (
<>
<Helmet
title={data.site.siteMetadata.title}
meta={[
{ name: 'description', content: data.site.siteMetadata.description },
{ name: 'keywords', content: data.site.siteMetadata.keywords },
]}
>
<html lang="en" />
</Helmet>
<Header siteTitle={data.site.siteMetadata.title}/>
{children}
<Footer data={data}>
</Footer>
</>
)}
/>
)
Layout.propTypes = {
children: PropTypes.node.isRequired,
}
export default Layout
Я попытался добавить в шлем, открыв тег и вставив туда, и оба получили ошибки.
Я не уверен, что я делаю неправильно.
Любая помощь очень ценится!