Question

有没有办法在Reactjs中仅渲染某些组件

class UserproPage extends Component{

    render(){
        return(
        <>                 
             <Topbar/>
             <Navbar/>
             <div>
              <h1>Hello</h1>
             </div>
        </>
        )
    }

<Navbar/>具有所有页面共有的菜单按钮，因此，我不希望每次单击菜单上的链接时都渲染它们。

Answer 1

无论您是否显示<Navbar/>，您都可以在menu button组件中创建条件例子：

class Navbar extends Component {

let display = true;

  render() {
    return (
      <div>This is my component.</div>
      {display && <button>menu</button>}
    );
  }
}

仅当menu button为display variable时显示true

如何仅在Reactjs中呈现特定组件

1 个答案: