El texto que quiero que se represente se procesa, pero no se aplica css. El css funciona perfectamente cuando se usa en un elemento que no está asignado. En el método de renderizado de la aplicación, se aplica el CSS, pero en el mensaje renderizado, el CSS no se aplica por algún motivo.

Sospecho que esto se debe a algunos problemas técnicos relacionados con la lista.

 const boyDivStyle = { backgroundColor: "blue", borderRadius: "25px", padding: "20px", width: 1*20 + "px", } class App extends Component { render() { return( <> <p style = {boyDivStyle}>random</p> <AddHTMLTag/> </> ) } } class MessageRenderer extends React.Component { render() { return( <> {this.state.listOfMessages.map(Message => ( <p style = {boyDivStyle}> {Message} </p> ))} </> ) } }