TypeError 不是函数（导出函数）

Question

我需要将几个函数导入到我的组件中，但出现以下错误：

非常感谢你们的帮助。

SearchFoodFunctions.js

 function allDelete(setArrFoods, setColumns, uuid) {
  setArrFoods([]);

  setColumns({
    [uuid()]: {
      name: "Breakfast",
      items: [],
    },
    [uuid()]: {
      name: "Lunch",
      items: [],
    },

    [uuid()]: {
      name: "Dinner",
      items: [],
    },
  });
}

export { allDelete };

组件 SearchFood：

import {allDelete} from "../../functions/SearchFoodFunctions"

const SearchFood = () => {
  const {
    arrFoods,
    setArrFoods,
    inputProt,
    inputLip,
    inputCarb,
    columns,
    setColumns,
    foodDatabase,
    showSnack,
  } = useContext(UserContext);

return(
<>
            <button
              className=" btn btn-danger ms-3 "
              type="button"
              onClick={allDelete}
             >
              All Delete
            </button>
</>
)

组件App.js（函数 setArrFoods 与 UserContext 一起导出）

  const [arrFoods, setArrFoods] = useState([]);

Answer 1

除了事件对象，您没有将任何参数传递给allDelete。为了传递自定义参数，您可以像下面这样修改您的处理程序

import {allDelete} from "../../functions/SearchFoodFunctions" import uuid from 'uuid'; const SearchFood = () => { const { arrFoods, setArrFoods, inputProt, inputLip, inputCarb, columns, setColumns, foodDatabase, showSnack, } = useContext(UserContext); const handleAllDelete = (e) => { allDelete(setArrFoods, setColumns, uuid) } return( <> <button className=" btn btn-danger ms-3 " type="button" onClick={handleAllDelete} > All Delete </button> </> )

TypeError 不是函数（导出函数）

TypeError is not a function (export function)

javascript

export

reactjs