質問編集履歴

1

プロパティ名をJSON側のプロパティ名と一致させる修正をしました。

2022/10/20 03:50

投稿

Tomo0225
Tomo0225

スコア67

test CHANGED
File without changes
test CHANGED
@@ -9,10 +9,9 @@
9
9
  constructor (props) {
10
10
  super(props)
11
11
  this.state = {
12
- id: '',
12
+ age: '',
13
+ name: '',
13
- title: '',
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
- id: json['age'],
23
+ age: json['age'],
25
- title: json['name'],
24
+ name: json['name'],
26
- summary: json['name'],
27
- url: json['name']
25
+ note: json['note'],
28
26
  })
29
27
  });
30
28
  }
31
29
 
32
30
  render() {
33
31
  return <div className='ShowJson'>
34
- id: {this.state.id} <br />
32
+ age: {this.state.age} <br />
33
+ name: {this.state.name} <br />
35
- title: {this.state.title} <br />
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
  ```