如何在reactjs中动态创建链接？

Question

我们通过API动态获取菜单导航。如何动态传递菜单导航。

API响应。

http://jsoneditoronline.org/?id=7d4f2ddbabb7eba80dde69867989f0f3

这里有代码。

componentDidMount() {
    axios.get('http://****.com/****/api/products/navigation_menu?app_id=*******8')
      .then(res => {
       const ajaxresponse = res.data.result_set;
       console.log();
      ajaxresponse.forEach(function(loaddata) {
         console.log(loaddata.menu_custom_title);

    });

      });
  }
   render() {
      return (
         <div>
            <ul>
               <li><Link to="/home" >{this.state.home}</Link></li>
               <li><Link to="/about" >{this.state.about}</Link></li>
               <li><Link to="/contact" >{this.state.contact}</Link></li>
            </ul>

           {this.props.children}
         </div>
      )
   }
}

export default App;

Answer 1

从服务器获取数据后，将drat存储在状态变量中

===================================================
                     lm0        lm1        lm2     
---------------------------------------------------
  (Intercept)       49.424   29.181***  19.530***  
                  (171.876)  (2.398)    (2.766)    
  wt                16.879               0.827*    
                   (12.113)             (0.383)    
  qsec              -8.124                         
                    (6.109)                        
  cyl               18.210*  -0.811**              
                    (8.785)  (0.280)               
  gear              13.342   -1.597**   -0.232     
                   (15.115)  (0.441)    (0.439)    
  carb               9.277    0.098                
                    (6.345)  (0.222)               
  hp                         -0.005     -0.026***  
                             (0.007)    (0.004)    
  drat                                   0.099     
                                        (0.636)    
---------------------------------------------------

然后使用此函数动态生成菜单项：

res.data.result_set