Hola, estoy trabajando en una herramienta de creación de publicaciones de blog y necesito un motor cuando escribo en textarea <hr/> obtengo una línea, o cuando escribo <img/> obtengo una imagen pero no aparece.

La publicación está escrita en un área de texto y debe mostrarse en un div.

¿Cómo hacerlo?

 const PostCreate = () => { const [postValue, changeValue] = useState('') const handleChangeValue = (e:any) => { changeValue(e.target.value) console.log(postValue); } return ( <div className='postCreate'> Create New Post <textarea onChange={handleChangeValue} value={postValue}/> <div> {postValue} </div> </div> ) }

Si escribo <hr/> obtengo la cadena <hr/> en lugar de una línea: