import createTrigger from "react-use-trigger";
import useTrigger from "react-use-trigger/useTrigger";

const requestTrigger = createTrigger();

export const Subscriber = () => {
  const requestTriggerValue = useTrigger(requestTrigger);

  //requestTriggerValue的改变会触发重新请求
  const { isLoading, data } = useFetch("https://swapi.co/api/people/1", {
    depends: [requestTriggerValue]
  });

  return <div />;
};

export const Sender = () => {
  return (
    <button
      onClick={() => {
        requestTrigger(); // re-call request
      }}
    >
      Send
    </button>
  );
};