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的功能组件。字符串化缩进的其他参数

import React from 'react';

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

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

页面

2 个答案: