javascript - React 函数式组件 - 说它不是一个函数

Question

我正在使用React函数组件(实际上是学习钩子(Hook))，所以我在另一个函数中调用一个函数时遇到一个问题

这是我的代码

我的功能组件

    const LiteraryPage = props => {
      if (Object.keys(mainData).length === 0 && mainData.constructor === Object) {
        setMainDataSection(validateData(mainData));
      }
      const validateData = async (data) => {
    let finalDataArray = [];
    if (data.cars !== undefined) {
      finalDataArray = finalDataArray.concat(data.cars);
    }
    if (data.mobiles !== undefined) {
      finalDataArray = finalDataArray.concat(data.mobiles);
    }
    if (data.scooters !== undefined) {
      finalDataArray = finalDataArray.concat(data.scooters);
    }
    return finalDataArray;
  };

 
    }

但出现错误

未捕获类型错误:validateData 不是函数

如果有遗漏或有错误的地方，请纠正我。

Answer 1

当您调用验证数据和 setMainDataSection 时，您可能会直接在功能组件内部设置状态。

因此，首先您需要在使用之前定义 validateData，其次，您需要在 useEffect 中执行检查

const LiteraryPage = props => {
  const validateData = async (data) => {
    let finalDataArray = [];
    if (data.cars !== undefined) {
      finalDataArray = finalDataArray.concat(data.cars);
    }
    if (data.mobiles !== undefined) {
      finalDataArray = finalDataArray.concat(data.mobiles);
    }
    if (data.scooters !== undefined) {
      finalDataArray = finalDataArray.concat(data.scooters);
    }
    return finalDataArray;
  };
  useEffect(() => {
    if (Object.keys(mainData).length === 0 && mainData.constructor === Object) {
      setMainDataSection(validateData(mainData));
    }
  }, []);

}