Redux отправляет действие более одного раза, даже если оно отправляется только одной функцией - PullRequest
Новая
       43

Redux отправляет действие более одного раза, даже если оно отправляется только одной функцией

0 голосов
/ 03 мая 2020

Итак, я хочу напрямую заменить значение приоритета, которое изначально равно 1, на другое значение. Я создал для него избыточную функцию, но она отправляет эту функцию более одного раза.

Действие 


export const editPriority = (id, listID, newPriority) => {
  return {
    type: TRELLO_CONSTANTS.PRIORITY,
    payload: { id, listID, newPriority },
  };
};


case TRELLO_CONSTANTS.PRIORITY: {
      const { id, newPriority } = action.payload;
      const card = state[id];
      card.priority = newPriority;
      return { ...state, [`card-${id}`]: card };
    }


export const TRELLO_CONSTANTS = {
  PRIORITY: 'PRIORITY',
};

и вот моя функция - 

import {editPriority} from './actionTypes.js';

const card=({dispatch})=> {
  const [newPriority, priority] = useState(); 
}

const changePriority = (e) => {
    // newPriority(e);
    priority(e);
    dispatch(editPriority(id, listID, priority));
    console.log(priority);
  };

// and the main function


 <button onClick={changePriority(1)}>1</button>
<button onClick={changePriority(2)}>0</button>

{priority === 0 ? <p>0</p> : null}
{priority === 1 ? <p>1</p> : null}

Что-то не так с редуктором приоритетов?

1 Ответ

1 голос
/ 03 мая 2020

Вы вызываете функцию changePriority в вашем обработчике onClick. Просто передайте ссылку на функцию 

<button onClick={() => changePriority(1)}>1</button>
<button onClick={() => changePriority(2)}>0</button>
...