Как отрендерить <Label>ина другой линии в React? - PullRequest
Новая
       43

Как отрендерить <Label>ина другой линии в React?

1 голос
/ 23 декабря 2019

У меня есть LocalForm внутри модальной. Здесь у меня есть код для первых 2 строк формы. 

<Row className='form-group'>
    <Label htmlFor='rating'>Rating</Label>
    <Control.select model='.rating' name='rating' id='rating'
                    className='form-control'>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
    </Control.select>
</Row>
<Row className='form-group'>
    **<Label htmlFor='yourname'>Your Name</Label>
    <Control.text model='.yourname' name='yourname' id='yourname'
                  classname='form-control' />**
</Row>

Когда отображается первая строка, она показывает метку и выбранный вход в разных строках (строка выбора появляется под меткой). НО следующая строка, которая содержит метку и элемент Control.text, не отрисовывается аналогично. (Метка и ввод текста отображаются в одной строке.) Как мне перейти на следующую строку, как это происходит с первым примером?

Я попытался обернуть Label и Control с помощью div className = 'row', а также попытался вложить строку, чтобы она отображалась в разных строках. Это не работает. Единственное, что близко подходит к работе, это если я заставлю Label занять 12 столбцов, используя md = {12}, но это испортит выравнивание. Я что-то упустил?

...