hook.js

const defaultState = {
  code: null,
  data: null,
  total: null,
};

const Regions = ({ ...props }) => {
  const [{ code, data }, setState] = useState(defaultState);
  useEffect(() => {
    let canceled = false;
    setState(defaultState);
    (async () => {
      const {
        data: { code, total, data },
      } = await listApi();
      if (canceled) return;
      setState({ code, data, total });
    })();
    return () => (canceled = true);
  }, []);