Частичный компонент Гэтсби Shadowing

Question

Я пытаюсь увидеть, жизнеспособно ли иметь базовый компонент в качестве gatsby-theme и использовать эту тему в качестве основы для моих проектов gatsby, поэтому в новом проекте я буду скрывать компоненты, которые хочу настроитькак я хочу.

У меня вопрос, могу ли я скрыть часть компонента?

Например:

import React from "react";
import { ThemeProvider } from "styled-components";
import theme from "./theme";

import {
    TeaserContainer,
    ImageContainer,
    ImageWrapper,
    Title,
    Categories,
    ButtonContainer,
    Artist,
    FullWidthContainer,
    ReadTag
} from "./style.js";

const Teaser = () => {
    return (
        <ThemeProvider theme={theme}>
            <FullWidthContainer>
                <TeaserContainer>
                    <ImageContainer>
                        <ImageWrapper>
                            {
                                <img
                                    src="https://www.gonvillehotel.co.uk/wp-content/uploads/2019/06/Gatsby-Enchanted-Cinema-9.jpg"
                                    alt=""
                                />
                            }
                        </ImageWrapper>
                    </ImageContainer>
                    <Categories>Just categories</Categories>
                    <Title>Title</Title>
                    <ReadTag>Read it</ReadTag>
                    <p>Date</p>
                    <h1>Excerpt</h1>
                    <ButtonContainer>Button</ButtonContainer>
                    <Artist>
                        Submitted by <span>artist</span>
                    </Artist>
                </TeaserContainer>
            </FullWidthContainer>
        </ThemeProvider>
    );
};

export default Teaser;

Как сделать, или я могу тень сказать <Artist> пометить и удалить его в новом проекте без необходимости переписывать весь компонент?

PS: Вся информация / учебник по документам gatsby показывает, как затенять весь компонент или менять стили, но чтоЯ хочу, чтобы удалить / добавить новые теги / содержимое внутри компонента, не переписывая весь компонент.

Answer 1

Краткий ответ: нет, вы не можете.

Решение проблемы состоит в том, чтобы разделить ваш компонент на несколько более мелких, а затем вместо этого вы их затеняете.