在React上,如何在功能/无状态组件上调用组件安装上的函数？

Question

我有这个功能/无状态组件,我有一个功能filterByCardinalPoint,我需要在安装组件时调用.有没有办法在不将组件编写为类的情况下执行此操作？

const PassengersCircle = ({ navigationStore, passengersData }) => {
  const filterByCardinalPoint = () => {
    const passengersByCardinalPoint = filter('value');
    ...
  };

  return (...)
};

Answer 1

您可以使用useEffect挂钩在安装组件时运行函数.通过给它一个空数组作为第二个参数,它只会在初始渲染后运行.

const PassengersCircle = ({ navigationStore, passengersData }) => {
  const filterByCardinalPoint = () => {
    const passengersByCardinalPoint = filter('value');
    // ...
  };

  useEffect(() => {
    filterByCardinalPoint();
  }, []);

  return <>{/* ... */}</>;
};