使用 React，我試圖從 WordPress API 獲取頁面資料。 我當前輸出的圖片
如您所見，日期和標題資料正常顯示，但摘錄未正確呈現。我不確定如何解決這個問題。下面是我用來獲取和顯示資料的代碼：
獲取資料：
//fetching the pages
useEffect( ()=>{
Axios.get("https://www.eswaran.no/wp-json/wp/v2/pages").
then(response => {
setPosts(response.data);
}, [posts, setPosts]);
})
要顯示資料：
<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>
uj5u.com熱心網友回復：
好的，您的 Api 可以很好地回傳資料。
因此，為了洗掉括號，您可以使用 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>
);
})}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/369614.html
標籤：javascript 反应 WordPress的 接口