Question

js并且正在使用react-router-dom。

说我有2个文件 1. dashboard.js 文件

import React, { Component } from 'react';
import {Switch, Route, Link} from 'react-router-dom';

import WYSIWYG from './editor/wysiwyg';

export default class Dashboard extends Component{
    render(){
        return(
            <div className="wrapper">
                <Switch>
                    <Route exact path="/wysiwyg" component={WYSIWYG}/>
                </Switch>
                <ul id="DASHBOARD-MENU">
                    <li><Link to={{ pathname: '/wysiwyg'}}>WYSIWYG</Link></li>
                </ul>     
            </div>
        );
    }
}

请注意上面有ul的{{1}}

<小时/>

第二 - id="DASHBOARD-MENU" 文件

wysiwyg.js

请注意上述代码段中的import React, { Component } from 'react'; export default class Wysiwyg extends Component{ render(){ return( <div id="WYSIWYG-CONTAINER"> </div> ); } } div

<小时/>

我的问题是：

从我的id="WYSIWYG-CONTAINER"重定向到WYSIWYG容器后，我仍然可以看到 - dashboard呈现 <ul id="DASHBOARD-MENU" ..。

我理解的内容是呈现的组件<div id="WYSIWYG-CONTAINER ..替换了WYSIWYG文件中声明的<Route。

我想要的是什么：

我不希望在dashboard.js页面中呈现"DASHBOARD-MENU"元素。

有可能吗？

Answer 1

通过将两者视为不同的路径，可以获得所需的行为，因此根据路径只渲染其中一个：

curl

React.js Route - 重定向后保留上一页

我的问题是：

我想要的是什么：

1 个答案: