ReactJs呈現簡單的JSON

我有簡單的JSONReactJs呈現簡單的JSON

{"id":157,"content":"Hello, World!"}

我想渲染ID在anotther一個DIV和內容。對我來說問題是當我打電話{this.state.data.content}兩次崩潰。

var Stuff = React.createClass({ 
    getInitialState: function() { 
     return { 
      data: [] 
     }; 
    }, 
    componentDidMount: function() { 
     $.ajax({ 
      url: "http://rest-service.guides.spring.io/greeting", 
      dataType: 'json', 
      cache: false, 
      success: function(response) { 
      this.setState({ 
       data: response 
      }); 
      }.bind(this), 
      error: function(xhr, status, err) { 
      console.error(this.props.url, status, err.toString()); 
      }.bind(this) 
     }); 
    }, 
    render: function() { 
     return (
      <div>Response - {this.state.data.content}</div> 
     ); 
    } 
});

來源

2016-08-10 TeodorKolev

你有沒有[檢查你的控制檯]（http://stackoverflow.com/documentation/javascript/185/hello-world/714/using-console-log）的錯誤？ –

我不知道你在說什麼 – TeodorKolev

通過周圍JSX與另一個DIV

return (
    <div> 
     <div>Response - {this.state.data.content}</div> 
     <div>id - {this.state.data.id}</div> 
     </div> 
    );

來源

2016-08-10 22:04:39 TeodorKolev

很好解決的問題，儘量呈現字符串，而不是一個對象的

render: function() { 
    return (<div> Whatever - {JSON.stringify(this.state.data)}</div>) 
}

蒂普：

，如果你想使它漂亮：使用JSON.stringify(this.state.data, null, 2)

來源

2016-08-10 22:33:27 webdeb

ReactJs呈現簡單的JSON

回答

相關問題