React问题汇总

React和AJax的使用

在页面中动态显示从后台获取到的数据，这个时候需要发送ajax请求.
//在hook函数componentDidMount中进行数据请求，并把获取的数据更新到组件状态中。

   componentDidMount() {
    //先执行Ajax数据请求，全局的get方法
      this.serverRequest = $.get("http://127.0.0.1:8081", function (result) {
        console.log(result)
      let items=getItem(result);
      console.log(items)
     //在根据数据更新组件状态
        this.setState({
        value:items
        });
      }.bind(this));
  }

动态生成表格时的响应事件

在动态生成表格时候，需要一个点击事件，但是总是报错，原因是this没有绑定正确。

 let trs=this.state.value.map(function(item,i){
     return (
     {item.name}
     {item.unit}
     {item.price}元
     {item.charge}
      加入购物车)
   }.bind(this))

React中动态生成完整的表格

let trs=this.state.value.map(function(item,i){
     return (
     {item.name}
     {item.unit}
     {item.price}元
     {item.charge}
      加入购物车)
   }.bind(this))
    return (    
      

      

      
购物商城
       
          {trs}
         

        

          

           
名称
           
规格
           
价格
           
优惠
           
操作
          
          
          

       
        查看购物车
       

React中点击表格中的按钮，想要获取该按钮的id.

 event = event.nativeEvent;
    const tr = event.target.parentNode.parentNode;

tr.id便是该行的id.