Javascript React JS-通过单击导航链接隐藏父组件的文本

我有一个父组件，它只呈现介绍文本的一个“p”和一个名为“PortfolioMenu”的子组件

import React from 'react'
import PortfolioMenu from './PortfolioMenu'

const Portfolio = () => {
  return (
  <div className="wrapper2">     
    <p>
      Here is an Introduction text 
    </p> 
  <PortfolioMenu/>
  </div>   
 )
}
export default Portfolio

从“React”导入React
从“/PortfolioMenu”导入PortfolioMenu
常量组合=（）=>{
返回(

这是一篇引言

)
}
导出默认投资组合

现在在子组件“PortfolioMenu”中，当我单击NavLink的某个链接时，我想让父组件“PortfolioMenu”的“p”消失。我怎样才能解决它？多谢各位

import React from 'react'
import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom'

import Houses from './Houses'
import Interiors from './Interiors'   

const PortfolioMenu = () => {

return (
  <div>
    <Router>
      <div class="wrapper2">
        <div className="wrapper-portfolio">
          <Route exact path='/portfolio/houses' render={() => <Houses />} />
          <Route exact path='/portfolio/interiors' render={() =><Interiors/>}  
          />          
      </div>
      <nav>
        <ul className="portfolio-menu">
          <li><NavLink activeClassName="active" exact 
           to="/portfolio/houses">Houses</NavLink></li>
          <li><NavLink activeClassName="active" exact 
          to="/portfolio/interiors">interiors</NavLink></li>             
         </ul>
        </nav>
      </div>
    </Router>
   </div>
 )
}
export default PortfolioMenu

从“React”导入React
从“react Router dom”导入{BrowserRouter as Router，Route，NavLink}
从“./房屋”导入房屋
从“./内部”导入内部
const PortfolioMenu=（）=>{
返回(
} />
}  
/>          

房屋
内饰

)
}
导出默认端口组合菜单

给你一个解决方案

从“React”导入React
从“/PortfolioMenu”导入PortfolioMenu
常量组合=（）=>{
建造师（道具）{
超级（道具）{
此.state={
可视性：正确
};
}
this.handleMenuClick=this.handleMenuClick.bind（this）；
}
handleMenuClick（）{
这是我的国家({
可视性：错误
});
}
返回(
{
这是我的&&

这是一篇引言

}
)
}
从“React”导入React
从“react Router dom”导入{BrowserRouter as Router，Route，NavLink}
从“./房屋”导入房屋
从“./内部”导入内部
const PortfolioMenu=（）=>{
返回(
} />
}  
/>          


卡萨斯


内部


)
}
PortfolioMenu.propTypes={
onHandleMenuClick:PropTypes.func
};
导出默认PortfolioMenu谢谢我将测试你的解决方案。我测试了你的解决方案。我执行了您推荐的步骤，但它导致了一条错误消息：超出了最大更新深度。当组件在componentWillUpdate或componentDidUpdate内重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量以防止无限循环。此错误消息与以下行有关：
This.state={visibleP:true}
和：
内部