следующее. js: пропеллер `className` не соответствует - PullRequest
Новая
       24

следующее. js: пропеллер `className` не соответствует

0 голосов
/ 13 апреля 2020

У меня есть такой динамический c компонент, как этот: 

const Wrapper = !!href ? StyledLink : styled.div``;

, который в основном отображает тег div или a в зависимости от наличия href. Однако, когда я его использую, я получаю эту ошибку: 

index.js:1 Warning: Prop `className` did not match. Server: "VacancyCard__StyledButtonLink-e2u68a-15 VacancyCard__withStyledLinkStyling-e2u68a-13 eZoUHM" Client: "VacancyCard__StyledButtonLink-e2u68a-15 VacancyCard-e2u68a-13 jVvzXy"
    in span (created by Context.Consumer)
    in StyledComponent (created by VacancyCard)
    in VacancyCard (at VacancyCard.js:215)
    in div (created by Context.Consumer)
    in StyledComponent (created by VacancyCard__StyledVacancyBottom)
    in VacancyCard__StyledVacancyBottom (at VacancyCard.js:203)
    in a (created by Context.Consumer)
    in StyledComponent (created by VacancyCard)
    in VacancyCard (at VacancyCard.js:190)
    in div (created by Context.Consumer)
    in StyledComponent (created by VacancyCard__StyledVacancy)
    in VacancyCard__StyledVacancy (at VacancyCard.js:189)
    in VacancyCard (at vacatures.js:45)
    in div (created by RevealBase)
    in RevealBase (created by Fade)
    in Fade (at vacatures.js:44)
    in div (created by Context.Consumer)
    in StyledComponent (created by Container__StyledContainer)
    in Container__StyledContainer (at Container.js:11)
    in Container (at vacatures.js:39)
    in div (created by Context.Consumer)
    in StyledComponent (created by Page__StyledPage)
    in Page__StyledPage (at Page.js:8)
    in Page (at vacatures.js:31)
    in VacancyOverview (at _app.js:10)
    in App
    in Container (created by AppContainer)
    in AppContainer

Импортируем это так: 

const VacancyCard = dynamic(() => import("../organisms/VacancyCard"), {ssr: false}) ;

Исправляет предупреждение, но я хотел бы знать, почему это проблема.

...