放弃定义 journalEntries
为字符串,将其定义为数组,然后将JSX元素推入数组以进行渲染
populateJournal(){
const j = Object.values(this.state.journal);
var journalEntries = [];
for (var i = 0; i < j.length; i++){
journalEntries.push(
<div>
<h3>{j[i].title} - {j[i].date}</h3>
<p>{j[i].entry}</p>
</div>);
}
return(<div>{journalEntries}</div>);
}
当您附加到字符串时,您实际上不是在附加字符串,而是一个不正确的对象,因此您得到 [Object Object]
您还可以使用地图来渲染上下文。