时间戳

首页 > 解决方案 > 有没有办法在 React div 中渲染对象？

javascript - 有没有办法在 React div 中渲染对象？

问题描述

目前我的控制台返回给我：

对象作为 React 子对象无效（找到：带有键 {name, age, cool} 的对象）。如果您打算渲染一组孩子，请改用数组

如果可以直接在 DOM 上渲染对象，就像在控制台上渲染一样，那么交互性会很有趣，

任何提示都会很棒，谢谢

标签： javascriptreactjsobject

解决方案

为了得到它与控制台完全一样，那就是

{
  name: "Homer Jay",
  age: 38,
  phrase: "DO'H!!!"
}

使用预先格式化的文本标签<pre>和JSON.stringify()，如下所示：

render() {
  return <pre>
    {JSON.stringify(myObject, null, 2)}
  </pre>
}

在这里你可以阅读更多关于它的信息：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

推荐阅读