質問編集履歴
1
プロパティ名をJSON側のプロパティ名と一致させる修正をしました。
    
        title	
    CHANGED
    
    | 
            File without changes
         | 
    
        body	
    CHANGED
    
    | @@ -9,10 +9,9 @@ | |
| 9 9 | 
             
              constructor (props) {
         | 
| 10 10 | 
             
                super(props)
         | 
| 11 11 | 
             
                this.state = {
         | 
| 12 | 
            -
                   | 
| 12 | 
            +
                  age: '',
         | 
| 13 | 
            +
                  name: '',
         | 
| 13 | 
            -
                   | 
| 14 | 
            +
                  note: '',
         | 
| 14 | 
            -
                  summary: '',
         | 
| 15 | 
            -
                  url: ''
         | 
| 16 15 | 
             
                }
         | 
| 17 16 | 
             
              }
         | 
| 18 17 | 
             
              componentWillMount () {
         | 
| @@ -21,23 +20,24 @@ | |
| 21 20 | 
             
                .then(res => res.json())
         | 
| 22 21 | 
             
                .then(json => {
         | 
| 23 22 | 
             
                  this.setState({
         | 
| 24 | 
            -
                     | 
| 23 | 
            +
                    age: json['age'],
         | 
| 25 | 
            -
                     | 
| 24 | 
            +
                    name: json['name'],
         | 
| 26 | 
            -
                    summary: json['name'],
         | 
| 27 | 
            -
                     | 
| 25 | 
            +
                    note: json['note'],
         | 
| 28 26 | 
             
                  })
         | 
| 29 27 | 
             
                });
         | 
| 30 28 | 
             
              }
         | 
| 31 29 |  | 
| 32 30 | 
             
              render() {
         | 
| 33 31 | 
             
                return <div className='ShowJson'>
         | 
| 34 | 
            -
                   | 
| 32 | 
            +
                  age: {this.state.age} <br />
         | 
| 33 | 
            +
                  name: {this.state.name} <br />
         | 
| 35 | 
            -
                   | 
| 34 | 
            +
                  note: {this.state.note} <br />
         | 
| 36 | 
            -
                  summary: {this.state.summary} <br />
         | 
| 37 | 
            -
                  url: {this.state.url} <br />
         | 
| 38 35 | 
             
                </div>
         | 
| 39 36 | 
             
              }
         | 
| 40 37 | 
             
            }
         | 
| 41 38 |  | 
| 42 39 | 
             
            export default ShowJson;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
             | 
| 42 | 
            +
            export default ShowJson;
         | 
| 43 43 | 
             
            ```
         | 
