Usando React, estoy tratando de obtener datos de página de una API de WordPress. foto de mi salida actual
Como puede ver, los datos de la fecha y el título se muestran normalmente, pero el extracto no se representa correctamente. No estoy seguro de cómo puedo arreglar eso. A continuación se muestra el código que uso para obtener y mostrar los datos:
Para obtener los datos:
//fetching the pages useEffect( ()=>{ Axios.get("https://www.eswaran.no/wp-json/wp/v2/pages"). then(response => { setPosts(response.data); }, [posts, setPosts]); })Para mostrar los datos:
<div className="page-list"> {posts && posts.length && posts.map((post, index) => { return ( <div key={post.id} className="page"> <h2>{post.title.rendered}</h2> <h4>{moment(post.date).format('Do MMMM YYYY')}</h4> <div dangerouslySetInnerHTML={{ __html: post.excerpt.rendered}} /> <a href={post.link} target="_blank">Go to page</a> </div> ); })} </div>Ok, su Api está devolviendo bien los datos.
Entonces, para simplemente eliminar los corchetes, puede usar regex:
{posts && posts.length && posts.map((post, index) => { const cleanExcerpt = post.excerpt.rendered.replace(/\[([^\[])*(\])/g, ''); return ( <div key={post.id} className="page"> <h2>{post.title.rendered}</h2> <h4>{moment(post.date).format('Do MMMM YYYY')}</h4> <div dangerouslySetInnerHTML={{ __html: cleanExcerpt }} /> <a href={post.link} target="_blank">Go to page</a> </div> ); })}