Блог

Главная - Вопросы по программированию - Styled-Component не вернется в React «недоступный код»

Styled-Component не вернется в React «недоступный код»

#reactjs #styled-components

#reactjs #styled-components

Вопрос:

У кого-нибудь есть идея, почему мой стилизованный компонент недоступен в моем возврате

?

 import React from "react";

import styled from "styled-components";

export const CoinHeaderGridStyled = styled.div`

 display: grid;
 grid-template-columns: 1fr, 1fr;

 `
export default function () {
return

<CoinHeaderGridStyled>
  
</CoinHeaderGridStyled>
}

Ответ №1:

Я протестировал ваш код в изолированной среде. Я внес некоторые исправления, и это сработало. Я думаю, все дело в том, как вы разместили этот компонент.

 import React from "react";

import styled from "styled-components";

export const CoinHeaderGridStyled = styled.div`
 display: grid;
 grid-template-columns: 1fr, 1fr;

 `
export default function () {
return (<CoinHeaderGridStyled />)
}

Комментарии:

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

2. Если это помогло вам, пожалуйста, подумайте о принятии ответа, я был бы благодарен 🙂