无法接收更新的道具AJAX调用后（反应）

Question

得到那个服务器发送数据现在

addRemark(id,e) { 

     var remarktext = this.state.popUpText; 
     this.props.addRemark(id,remarktext); // this func sends to serve 
     this.props.closePopUp(); 
     setTimeout(function() { this.props.IncomeListProfile(); }.bind(this), 1000); 
    } 

我等待这个代码
setTimeout(function() { this.props.IncomeListProfile();

但我想更新我的列表中的FUNC现在清楚，当数据将被添加。我在行动中创建了func

export function SendedData(data) { 
if (data) { 
    return { 
     type: SENDED_REMARK, data:true 
     } 
} 
} 

那里我收到了TRUE。当要求良好

function mapStateToProps(state) { 


     var sended = state.getIn(['PopupReducer'])['sendedRemark']; 
     console.log(sended + 'true'); 
     return { 

     sended: sended 
      }; 

    } 

但我不能让真正的价值后，我送的要求，在组件我尝试做

componentWillReceiveProps(nextProps) { 
     this.setState({ sendeder: nextProps.sended }); 
     console.log('isshwon!!!! ' + this.state.sendeder); //get false every time 
     } 

所以想法是，当我按下按钮“Save”我送传请求给服务器，得到响应与TRUE，在那之后，我需要更新我的列表

我的要求采用爱可信

export function addRemark(id,remarktext) { 

    return dispatch => { 

     return (
      console.log(id + remarktext), 

      axios.post(Api.getURI("addremark"),{body: {course_id:id, remark:remarktext}}, { 
      headers: { 'X-Authenticated-Userid': '15000500000@1' } 
     }).then(function (response) { 


        //console.log(response.data); 
        dispatch(SendedData(response.data)); 

       }) 
      .catch((error) => { 
         console.log(error); 
       }) 
      ) 
    } 

} 

Answer 1

你的减速

[types.SENDED_DATA] : (state, action) => 
    return { ...state, 
     data: Immutable.fromJS(action.d),ata 
     isLoading: false 
    } 

你的组件

shouldComponentUpdate (nextProps) { 
    return nextProps.data !== this.props.data 
} 

componentDidUpdate (prevProps) { 
    if(prevProps.data !== this.props.data) { 
     //do smthing that you need, data was changed 
     this.props.IncomeListProfile(); 
    } 
} 

或者干脆什么也不做重新呈现组件，它渲染基于data，为shouldComponentUpdate回报true - 它会重新描绘使用终极版和Axios公司以