2 回答

TA貢獻1839條經驗 獲得超15個贊
您正在使用功能組件并props作為參數傳入您的函數 ( props =>)。你不需要使用this.propsjust propswill work。
您正在傳遞一個名為“postData”的帖子數組。在您的博客組件中,您需要:
import React from 'react'
const Blog=props=>{
return props.postData.map((post) => {
const { title, author, content } = post;
return (
<div key={title}>
<h2>{title}</h2>
<h5><i>{author}</i></h5>
<br/>
<h3>{content}</h3>
</div>
);
});
}
export default Blog;

TA貢獻1852條經驗 獲得超1個贊
刪除this,因為它不是一個類,并且 props 作為函數的第一個參數傳遞。
import React from 'react'
const Blog = (props) => {
const { title,author,content } = props;
return(
<div>
<h2>{title}</h2>
<h5><i>{author}</i></h5>
<br/>
<h3>{content}</h3>
</div>
)
}
export default Blog
添加回答
舉報