В чем смысл использования пустого столбца в React?

Question

Мне не удается запустить этот код, поэтому я просто пытаюсь понять, что он делает, глядя на него. Итак, может кто-нибудь объяснить мне, что здесь происходит? Где 2 столбца, но один пуст?

Кроме того, правильно ли я думаю, что какой бы маршрут ни был запущен, содержимое будет отображаться в столбце 2? Компонент Routes - это просто Switch с тонной Routes.

    <BrowserRouter>
      <NavigationBar />
      <Route exact path="/" component={LoginComponent} />
      <Container fluid="true">
        <Row>
          <Col xs={0} sm={0} md={0} lg={0} xl={1} />
          <Col xs={12} sm={7} md={8} lg={9} xl={8}>
            <Alert />
            <Route component={Routes} />
          </Col>
          <UserPanel />
        </Row>
      </Container>
    </BrowserRouter>

Answer 1

В чем смысл использования пустого столбца в React?

По-видимому, им нужно какое-то пустое пространство на экране, когда размер экрана слишком большой.

Кроме того, правильно ли я полагаю, что какой бы маршрут ни был запущен, содержимое будет отображаться в столбце 2

Судя по вашему описанию кода в Routes, это кажется правильным.

Answer 2

Я предполагаю, что пустой столбец используется в качестве заполнителя на экране xl. Вы должны прочитать исходный код, чтобы понять, что делает компонент, тогда вы сможете понять и не угадать суть.

Маршруты без пути всегда совпадают.

Итак, какой бы компонент Routes ни отображал - он будет отображаться на любом заданном маршруте.