Добавление реактивного шлема в мой проект Gatsby вызывает ошибку: неверный тип элемента - PullRequest
1 голос
/ 29 мая 2020

У меня есть компонент Layout, который я использовал для стилизации макета моего приложения, и здесь я представил react-helmet

Компонент выглядит следующим образом


import React from 'react';
import { Global, css } from '@emotion/core';
import Helmet from 'react-helmet';
import Header from '../components/header';

const Layout = ({ children }) => (
  <>
    <Global
      styles={css`
        // some CSS style
    />

    <Helmet>
      <html lang="en" />
      <title>title</title>
      <meta name="description" content="site description" />
    </Helmet>

    <Header />
    <main
      css={css`
       // some css
      `}
    >
      {children}
    </main>
  </>
);

export default Layout;

После того, как я добавил <Helmet />, у меня эта ошибка выскакивает. И если бы я удалил <Helmet /> из своего компонента, ошибка исчезла бы. очевидно, я не забыл экспортировать свой Layout компонент, поэтому я действительно понятия не имею, откуда он.

enter image description here

1 Ответ

2 голосов
/ 29 мая 2020

Вам необходимо использовать именованный импорт с react-helmet.

import {Helmet} from "react-helmet";

Документы: https://github.com/nfl/react-helmet#example

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...