javascript - React Hook 不能在函数内调用

Question

你好，我在我的一个组件中使用了 React Hooks，但是我用类似的方式对其他组件做了一些事情，没有问题，但是现在下面的代码产生了一个错误

下面是我的代码

const supplierDetails = props => {


  const [suppliers, setSupplierList] = useState([]);

  useEffect(() => {
    getSupplierData().then(response => {
      setSupplierList(response);
    });
  }, []);

  return (
    <div>
      {suppliers && <SupplierDetails suppliers={suppliers} />}
    </div>

  );

};

export default supplierDetails;

Answer 1

React 组件应该总是以大写字符开头，这样它们就可以与普通的 html 标签区分开来。如果您想使用 Hook ，请将名称更改为 SupplierDetails，这当然会引发错误，因为您已经有一个名为 SupplierDetails 的组件。所以你可以输入一个数字或其他东西来区分:SupplierDetails2