用wmr / preact-iso编程路由？

Question

我一直在玩wmr和预演-，来自preact-cli，preact-路由器等等，我有点困惑如何做一些我以前能够做的事情。

例如:preact路由器的route()功能似乎在preact-iso的路由器包中丢失了.

我将如何从代码中路由？

我以前可以这样做：

import { route } from 'preact-router';

// Send the user to /path
route('/path');

那么我该怎么做WMR / preact-iso？

还有一点关联:有什么方法可以使用preact-iso的<Link />组件吗？

Answer 1

route()存在于useLocation钩子上。

import { useLocation } from 'preact-iso';

const location = useLocation();

location.route('/error');

编辑:错过了关于<Link>的问题。你可以自己创造这个，我们没有同等的。只是锚标签上的浅层包装而已。

这里有一个非常直接的副本：

function Link({
    class: c,
    className,
    activeClass,
    activeClassName,
    ...props
}) {
    const inactive = [c, className].filter(Boolean).join(' ');
    const active = [c, className, activeClass, activeClassName].filter(Boolean).join(' ');
    const matches = useLocation().url === props.href;

    return <a { ...props } class={matches ? active : inactive} />;
}