Question

我在模态中有一个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>

呈现第一行时，它在不同的行上显示标签和选择输入（选择栏出现在标签下方）。但是包含label和Control.text元素的下一行不会类似地呈现。（标签和文本输入出现在同一行。）如何使它转到下一个示例中的下一行？

我尝试用div className ='row'包装Label和Control，还尝试嵌套行以使其出现在不同的行上。这是行不通的。唯一接近工作的是，如果我使用md = {12}来使Label占用12个列，但这会弄乱对齐方式。我想念什么吗？

如何在React中的不同行上渲染<Label>和<Control.text>？

0 个答案: