Function Route

packages/wouter/src/index.js:240–261

({ path, nest, match, ...renderProps })

}

export const Route = ({ path, nest, match, ...renderProps }) => {
  const router = useRouter();
  const [location] = useLocationFromRouter(router);

  const [matches, routeParams, base] =
    // `match` is a special prop to give up control to the parent,
    // it is used by the `Switch` to avoid double matching
    match ?? matchRoute(router.parser, path, location, nest);

  // when `routeParams` is `null` (there was no match), the argument
  // below becomes {...null} = {}, see the Object Spread specs
  // https://tc39.es/proposal-object-rest-spread/#AbstractOperations-CopyDataProperties
  const params = useCachedParams({ ...useParams(), ...routeParams });

  if (!matches) return null;

  const children = base
    ? h(Router, { base }, h_route(renderProps, params))
    : h_route(renderProps, params);

  return h(ParamsCtx.Provider, { value: params, children });
};

export const Link = forwardRef((props, ref) => {
  const router = useRouter();