Javascript Redux多次调度操作，即使它只在一个函数中调度一次

所以，我想直接将优先级的值替换为一个不同的值，这个值最初为1。我为它创建了一个redux函数，但它不止一次地发送这个函数

行动

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

这是我的功能-

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}

优先级缩减器有问题吗？

您正在onClick处理程序中调用changePriority函数。只需传递函数引用

changePriority1}>1 changePriority2}>0

---

{priority===0？0

:null}这东西仍然不起作用。另外，在dispatch中，它只发送id和listID，而不发送优先级

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}