Два щелчка мышки для отправки действия Redux

Question

Я использую REDUX в своем приложении REACTJS. Я хочу получить идентификатор кнопки после нажатия кнопки и отправить его в свой магазин. Работает только после второго щелчка. Вы можете помочь мне ? Мой код:

Моя функция:

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
}