导航组件`nav`点击会导致页面的刷新

fayeah commented 3 years ago

描述问题：

期望通过导航栏跳转到某一个页面，但是对导航不应该使得页面整体刷新，效果应该跟Link功能一致。

截图或视频：

nav

如何复现（请务必完整填写下面内容）：

你是如何使用 amis 的？ amis@1.1.5+react-router-dom@5.2.0

粘贴有问题的完整 amis schema 代码：


import React from "react";
import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";
import {render as renderAmis, ToastComponent, AlertComponent} from 'amis';

const routes = [ { path: "/", exact: true, sidebar: () =>

home!

, main: () =>

Home

}, { path: "/bubblegum", sidebar: () =>

bubblegum!

, main: () =>

Bubblegum

}, { path: "/shoelaces", sidebar: () =>

shoelaces!

, main: () =>

Shoelaces

}, { path: "/404", sidebar: () =>

shoelaces!

, main: () =>

not found

} ];

const options = { "type": "page", "body": { "type": "nav", "stacked": true, "className": "w-md", "links": [ { "label": "Nav 1", "to": "/bubblegum", "icon": "https://suda.cdn.bcebos.com/images%2F2021-01%2Fdiamond.svg", }, { "label": "Nav 2", "to": "/shoelaces" }, { "label": "Nav 3", "to": "/404" } ] } }

export default function SidebarExample() { return (

{renderAmis(options)}

{routes.map((route, index) => ( } /> ))}

); }