Reactjs 反应路由器：路由器一个组件精确另一个不精确

此my app组件包含所有路由

 render() {

    return (    

    < BrowserRouter >

      <div className="App">                 

         <FuncFact />           

         <Route exact path="/" component = {Anime} />

         <Route  exact path="/Controls"  component= {Controls} />

         <Route exact path="/Profile" component= {Profile} />

         <Route exact path="/People"   component = {People} />

         <Route exact path="/Inbox"   component = {ChatApp} />


       </div>

    </ BrowserRouter >

    )
  }
}

export default App;

render（）{
报税表（

)
}
}
导出默认应用程序；

---

所有这些组件都呈现为“单一&仅”组件，但我想与其他组件一起呈现收件箱组件不想准确地呈现方法

您想呈现

组件，而不是将其呈现为路由（就像您使用

一样），并有条件地显示它

<BrowserRouter>
    <div className="App">
         <FuncFact />           
         <Route exact path="/" component = {Anime} />
         <Route exact path="/Controls"  component= {Controls} />
         <Route exact path="/Profile" component= {Profile} />
         <Route exact path="/People"   component = {People} />
         <ChatApp style={{display: this.state.showInbox ? 'block' : 'none'}} />
    </div>
</BrowserRouter>

---

然后，当用户执行应导致显示

组件的操作时，使用

this.setState（）

将

showInbox

状态属性设置为

true

。您可能需要通过组件传递操作，或者使用状态容器（如Redux）。

只需移除道具

exact

。非常感谢，先生