페이지에서 개체를 인쇄하는 방법

페이지에서 개체를 인쇄하는 방법

나는 내 페이지에 반응하여 출력하고 싶은 상태에 큰 데이터(목록)가 저장되어 있다.

나는 노력했다 -

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

그리고

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

toString()효과가 없긴 하지만 한번 시도해 볼까 생각했어어떻게 해야 할지 잘 모르겠어, 내가 각진 상태였어도 물건을 보관할 수 있었겠지.$scope가변적, 그리고 그냥 하다{{myVar}}페이지에서 객체를 렌더링하십시오.이렇게 빨리 반응해서 할 수 있는 방법은 없을까?

나는 너의 본보기가 효과가 있어야 한다고 생각해.어떤 종류의 표현을 원하시는지 모르겠지만 JSON.stringify를 사용하여 객체를 출력하는 JSFiddle에 예를 하나 넣었습니다.

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'));

JSON.string이 있는 함수 구성요소로서 들여쓰기 추가 인수

import React from 'react';

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

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

참조URL: https://stackoverflow.com/questions/33178780/how-to-print-an-object-on-page