React隐藏组件而不使用react路由器

React隐藏组件而不使用React路由器可以通过条件渲染和CSS样式来实现。以下是一种可能的解决方案：

条件渲染：可以使用React的状态来控制组件的显示和隐藏。在组件的render方法中，根据条件判断是否渲染组件。例如：

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showComponent: false
    };
  }

  toggleComponent = () => {
    this.setState(prevState => ({
      showComponent: !prevState.showComponent
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.toggleComponent}>Toggle Component</button>
        {this.state.showComponent && <HiddenComponent />}
      </div>
    );
  }
}

class HiddenComponent extends React.Component {
  render() {
    return <div>This is a hidden component.</div>;
  }
}

在上述代码中，通过showComponent状态来控制HiddenComponent组件的显示和隐藏。点击按钮时，调用toggleComponent方法来切换showComponent的值，从而实现隐藏和显示。

CSS样式：可以使用CSS样式来隐藏组件。通过设置组件的样式display: none;或者visibility: hidden;来隐藏组件。例如：

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showComponent: false
    };
  }

  toggleComponent = () => {
    this.setState(prevState => ({
      showComponent: !prevState.showComponent
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.toggleComponent}>Toggle Component</button>
        <div className={this.state.showComponent ? 'hidden' : ''}>
          This is a hidden component.
        </div>
      </div>
    );
  }
}

在上述代码中，通过设置hidden类名来隐藏组件。可以在CSS中定义.hidden { display: none; }或者.hidden { visibility: hidden; }来隐藏组件。

以上是一种实现React隐藏组件而不使用React路由器的方法。根据具体需求和场景，可以选择适合的方法来隐藏组件。