Почему не работате стиль :before в React компоненте?

Question

[Alex Krynytskyi]

import React from 'react';
import "./redtext.css";

const RedT = (props) => {

	let redTextStyle = {
		color:"red",
		postion:"relative",
		display:"block",
		"::before": {
			position: "absolute",
			content: "test",
			width: "100%",
			height: "20px",
			backgroundColor: "red",
			right: 0,
			bottom: 0,
			zIndex: -1,
		
		}
	}

	return (
		<span style={redTextStyle}
		
		>
			{props.children}
		</span>
	);
};

export default RedT;

Comments

[Валерий Воронков]

Комбинация инлайновых стидлей и стилей из css. Вы уверены, что определеили before правильно? Это все же псевдокласс.

[Alex Krynytskyi]

Валерий Воронков, Оно даже его не рендерит. вот я и не могу понять как правильно записать.
Хочу управлять псевдоэлементом через пропс.

[Валерий Воронков]

Со styled-компонентами я делал так
styled-компонент
Просто, как у Вас - с таким не сталкивался.