有条件地调用一个函数，每次在 React JS 中单击按钮时调用一个函数

Question

我想在每次单击“取消”按钮时调用函数 apiCall() 并有条件地调用 setSave() 和 setCreate() 函数。除了我可以使用的包装函数之外，还有其他方法吗？我正在使用 Functional 组件，setSave 和 setCreate 函数是 useState 函数，而 apiCall() 是我从父函数收到的作为 prop 的函数。

<input
              type="button"
              onClick={() => (id !== '' ? setSave(true) : setCreate(false))}
              value="Cancel"
/>

Answer 1

试试这个：

   <input
       type="button"
        onClick={() => {
         apiCall();
          if(id !== ''){
             setSave(true);
           }else{
             setCreate(false);
            }
          }
           value="Cancel"
    />

有条件地调用一个函数，每次在 React JS 中单击按钮时调用一个函数

Call one function conditionally and one function every time the button is clicked in react JS

buttonclick

reactjs