兩次點擊發送動作 Redux

Question

我在我的 REACTJS 應用程序中使用 REDUX。 我想在單擊按鈕后檢索按鈕 ID 並將其發送到我的商店。 它僅在第二次單擊后有效。 你能幫助我嗎？ 我的代碼：

我的 function：

 gotoidee (e) { let test= this.state.data[e.target.id]; console.log("test" +test.titre); const action = { type: "SAVE_IDEE_ID", value:this.state.data[e.target.id]}; this.props.dispatch(action); console.log(this.props.ideeId.titre); } const mapStateToProps = (state) => { return { ideeId: state.saveIdee.ideeId } } export default connect(mapStateToProps)(liste_idee)

我的減速機：

 const initialState = { ideeId: [] } function saveIdee (state = initialState, action) { let nextState switch (action.type) { case 'SAVE_IDEE_ID': nextState = {...state, ideeId: action.value } return nextState default: return state } } export default saveIdee

我的按鈕：

 <Button type="submit" id={ideeId} onClick={this.gotoidee}>Marche</Button>

Answer 1

gotoidee (e)  {
  // check here if the click is happening by putting a console here
  let test= this.state.data[e.target.id];
  console.log("test" +test);
  const action = { type: "SAVE_IDEE_ID", value:test};
  this.props.dispatch(action);
}

render(){
 console.log(this.props.ideeId); // check the updated value
}