Question

我正在使用React-Bootstrap进行ReactJS Web应用程序的样式设计像

import Card from 'react-bootstrap/Card'
import Button from 'react-bootstrap/Button'
import Container from 'react-bootstrap/Container'
import Row from 'react-bootstrap/Row'
import Col from 'react-bootstrap/Col'

在每个组件中，我该如何在全局范围内使用它，因此无需在每个组件中声明。

预先感谢

Answer 1

尝试一下

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

Answer 2

您需要导入它，如果您想重复使用它的设计，就象您需要导出并导入它的情况一样，是的，我们可以使用index.js文件使它更具可读性和可维护性。

您在根目录下有一个文件夹BootstrapComponent，并且该文件夹中的index.js文件包含下面提到的export，例如，所有需要的组件将被导出一次。

export  { Button, Alert  } from 'react-bootstrap';

您可以在

之类的组件中使用它

import { Button, Alert } from './BootstrapComponent';

请在此处查看代码Demo Code

如何在我的react项目中全局导入react-bootstrap类？

2 个答案: