Reactjs 基于URL更改隐藏下拉列表

我想隐藏一个基于URL更改的下拉列表。在某些URL中，我不想显示下拉列表

<Row>
            <Col lg="12" style={{ paddingTop: "15px" }}>
              <select id="facility_id" className="form-control select2" value={this.state.selected_facility_id} onChange={this.handleChange} title="Type of system">
                <Route exact path='/production-list' component={ProductionList} />
                {this.state.facilities.map((faci, key) =>
                  <option key={key} value={faci.facility_id}>{faci.facility_name}</option>
                  // <DropdownItem>{faci.facility_name}</DropdownItem>

                )}
              </select>
        
            </Col>
          </Row>

{this.state.facilities.map（（faci，key）=>
{设施名称}
//{设施名称}
)}

---

我是新来的。有人能帮忙吗？

URL结构是什么？你在使用react路由器吗？是的。我使用的是react-router-dom，您可以发布您的路由示例吗..您想在哪里显示和隐藏组件