React:如何在某些页面上隐藏组件

render() {
  if (shouldHideComponent) {
    return null; // 返回null表示不渲染该组件
  }
  return (
    <div>
      {/* 组件的其他内容 */}
    </div>
  );
}

render() {
  return (
    <div style={{ display: shouldHideComponent ? 'none' : 'block' }}>
      {/* 组件的内容 */}
    </div>
  );
}

constructor(props) {
  super(props);
  this.state = {
    isComponentHidden: false,
  };
}

render() {
  if (this.state.isComponentHidden) {
    return null;
  }
  return (
    <div>
      {/* 组件的内容 */}
    </div>
  );
}