javascript - 在 React Router V4 中隐藏特定路线上的导航？

Question

如this SO answer所示，仅当路径与给定的 path-to-regex 匹配时才可以渲染组件表达式:

<Route path="/(.+)" render={(() => 
    <Navigation loggedInUser={loggedInUser} />
)}/>

上述答案中的示例仅当斜杠后面的路径中至少有一个字符时才会呈现导航组件。

我的问题是如何格式化一个有效的路径到正则表达式表达式来匹配除“/path-without-nav”或路径数组之外的所有路径？

Answer 1

有趣的概念，我从来没有必要实现，但这可能会起作用。

首先匹配NavComponent的所有路径

然后您可以创建NavComponent如下

export default NavComponent extends React.Component{
    constructor(props){
        super(props);
    }

    state={
        path:this.props.match.path;
    }

    render(){
        {this.state.path.search('your path') ?
            <div>Don't Render</div>
        :     <Navigation loggedInUser={loggedInUser} />}
    }
}

基本上你根据状态进行渲染