Я хочу изменить тип тега компонента реакции, используя свойство as. Похоже, не работает, содержимое исчезнет.
Я хочу отобразить foo текст в коде ниже.
Однако просто существует тег <p> без значения.
const ChildComponent = () => <div>foo</div>;
const StyledChildComponent = styled(ChildComponent)`
// some styles
`;
const ParentComponent = () => (
<StyledChildComponent as="p" />
);
Нет сообщения об ошибке в Chrome Dev Tool.
Ниже приведены версии связанных модулей
"react": "^16.8.6",
"react-dom": "^16.8.6",
"styled-components": "^4.2.0",