您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

React正在渲染[object object]而不是JSX

React正在渲染[object object]而不是JSX

放弃定义 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]

您还可以使用地图来渲染上下文。

其他 2022/1/1 18:16:03 有412人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶