以下のサイトを参考にJSONをパースして
レンダリングするプログラムを作りたいです。
リンク内容
私の理解と考え方
すみません。初心者です。おかしいところがあればご指摘願います。
・最終的には、ReactDOM.renderでレンダリングするので
レンダリングしたい対象とレンダリングする場所を引数で指定する。
今回は、<App />とdocument.getElementById("root")。
ここまでは理解できました。
・Appのreturnの中でDOMで記述されている部分が、レンダリングしたい対象のはずなので
jsx
1 <div> 2 <button onClick={this.getJson}>Get Json</button> 3 {this.memberList(this.state.member)} 4 </div>
が初期表示で描画される。
onClickでgetJsonが指定されているのでgetリクエストが実行され、レンダリングされる。
memberListやconstructor(が実行されるタイミングがまったくわかりません。
*追記
{this.memberList(this.state.member)}
の一文から、初期表示時とonClickの2回実行されていると予想した。
*
それとthis.state = { member: [] };が必要なのかもわかりません。
また、list.map((member, index)構文の使い方がわかりません
具体的な実装方法はわかりませんが
items.map((item) => みたいな書き方で
item数<li>すれば同じことができるのではないでしょうか?
リンク内容
この辺りをご教示願います。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。