在页面上反应,打印对象

Question

我有一个很大的数据(列表)存储在我要在我的页面上打印出来的状态.

我试过了 -

 <div>{JSON.stringify(myObject)}</div>

和

 <div>{myObject.toString()}</div>

tostring不起作用,但我想我会试一试.我不确定如何做到这一点,我知道如果我处于角度,我可以将对象存储在$ scope变量中,只需在页面上执行{{myVar}}即可呈现对象.有没有办法快速做出反应？谢谢

Answer 1

我认为你的例子应该有效.不知道你希望的是什么样的表示,但我在jsfiddle上放了一个例子,我用JSON.stringify打印出一个对象.

https://jsfiddle.net/5yq9fev6/1/

var world = {
    'abc' : [1, 2, 3],
    'b': {
        1: 'c'
     }
}

var Hello = React.createClass({
    render: function() {
        return (
            <div>        
                <div>{JSON.stringify(world)}</div>
            </div>
        )
    }
});

React.render(<Hello />, document.getElementById('container'));

Answer 2

JSON.stringify作为带有额外缩进参数的函数组件

import React from 'react';

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

const StringifyObject = () => (
  <pre>
    {JSON.stringify(person, null, 2)}
  </pre>
)