componentDidMount（）フック関数の使用法内部反応

1  < 本体> 
2      < DIV ID = "ルート" > 
3          
4         </ DIV > 
5      < スクリプトタイプ= "テキスト/バベル" > 
6つの         ボックスReact.Componentを拡張するクラス{
 7              コンストラクタ（小道具）{
 8                  スーパー（小道具）
 9                  この.state = {
 10                      NUM：2 、
 11                      BOOL：真、
 12                      リスト：[]
 13                 }
 14              }
 15  
16              componentDidMount（）{
 17                    axios.get（" data.json " ）.then（（RES）=> {
 18                        この.setState（{
 19                          リスト：res.data.data
 20                        }）
 21                    }）
 22              }
 23              
24              （）{レンダリング
 25                  リターン（
 26                      < DIV > 
27  
28                          < テーブル境界= "1 " > 
29                              < THEAD > 
30                                  < TR > 
31                                      < TD > ID < / TD> 
32                                      < TD > 名字< / TD> 
33                                  < / TR> 
34                              < / THEAD> 
35                              < TBODY > 
36                                  {
 37                                      この.state。 list.map（（ELE、指数）=> {
 38                                          リターン（
 39                                                  < TRキー={索引} > 
40                                                      < TD > {ele.id} < / TD> 
41                                                      < TD > {ele.name} < / TD> 
42                                                  < / TR> 
43                                              ）
 44                                          }）
 45                                  }
 46                                 
47                              < / TBODY> 
48                          < / TABLE> 
49                      < / div> 
50                  ）
 51              }
 52         }
 53          ReactDOM.render（
 54              < ボックス> < / ボックス> 
55              のdocument.getElementById（" ルート" ）
 56          ）
 57      </ スクリプト> 
58  </ ボディ>