<View textMarkup={`<span class='transition'>${ textFromState }</span>`}/>
const View = ({ textMarkup }) => {
return (
<>
<div dangerouslySetInnerHTML={{ __html: textMarkup }}/>
</>
)
}
//css
.transition {
animation: 1s transitionText;
}
@keyframes transitionText {
0% {opacity: 0}
100% {opacity: 1}
}
первое что в голову пришло, работать будет, но мб лучше заюзать либу