如何在React-Bootstrap/MDBReact中使用%设置行/列的高度？

在React-Bootstrap/MDBReact中，可以使用百分比来设置行或列的高度。具体的方法如下：

1. 使用React-Bootstrap： React-Bootstrap是一个基于React的UI组件库，可以方便地使用Bootstrap样式。要设置行或列的高度，可以使用Bootstrap提供的类名来实现。

• 设置行的高度： 可以使用<Row>组件，并为其添加style属性来设置行的高度。在style属性中，可以使用height属性来设置高度的百分比值。

示例代码：

import { Row } from 'react-bootstrap';

function App() {
  return (
    <div>
      <Row style={{ height: '50%' }}>
        {/* 行的内容 */}
      </Row>
    </div>
  );
}

• 设置列的高度： 可以使用<Col>组件，并为其添加style属性来设置列的高度。同样地，在style属性中，可以使用height属性来设置高度的百分比值。

示例代码：

import { Row, Col } from 'react-bootstrap';

function App() {
  return (
    <div>
      <Row>
        <Col style={{ height: '50%' }}>
          {/* 列的内容 */}
        </Col>
      </Row>
    </div>
  );
}

1. 使用MDBReact： MDBReact是一个基于React的UI组件库，提供了一套现代化的UI组件。要设置行或列的高度，可以使用MDBReact提供的类名和样式属性来实现。

• 设置行的高度： 可以使用<MDBRow>组件，并为其添加style属性来设置行的高度。在style属性中，可以使用height属性来设置高度的百分比值。

示例代码：

import { MDBRow } from 'mdbreact';

function App() {
  return (
    <div>
      <MDBRow style={{ height: '50%' }}>
        {/* 行的内容 */}
      </MDBRow>
    </div>
  );
}

• 设置列的高度： 可以使用<MDBCol>组件，并为其添加style属性来设置列的高度。同样地，在style属性中，可以使用height属性来设置高度的百分比值。

示例代码：

import { MDBRow, MDBCol } from 'mdbreact';

function App() {
  return (
    <div>
      <MDBRow>
        <MDBCol style={{ height: '50%' }}>
          {/* 列的内容 */}
        </MDBCol>
      </MDBRow>
    </div>
  );
}

以上是在React-Bootstrap/MDBReact中使用百分比设置行/列的高度的方法。这些UI组件库提供了丰富的样式和功能，可以帮助开发者快速构建响应式的界面。如果需要更详细的文档和示例，可以参考以下链接：

• React-Bootstrap官方文档：https://react-bootstrap.github.io/
• MDBReact官方文档：https://mdbootstrap.com/docs/react/