我刚开始开发一个新的react应用程序,想实现react-bootstrap(通过运行npm install react-bootstrap bootstrap来实现)Column,Row和Button标签不起作用,react-bootstrap文件夹位于node-modules文件夹中。
import React from 'react';
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import {Button, Col} from 'react-bootstrap';
class App extends React.Component {
constructor(props) {
super(props)
}
render() {
return(
<Container fluid>
<Row>
<Col>
hi
</Col>
<Col>
bye
</Col>
</Row>
<Button variant='primary'>hi</Button>
</Container>
)
}
}
export default App;
1条答案
按热度按时间8fsztsew1#
您需要导入引导程序。
添加以下内容以导入引导程序。根据文件夹结构的不同,相对路径可能会有所不同。
然后,引导程序将可用于您的应用程序组件及其所有子组件。
另一个选择是在index.js中导入引导程序,它将对所有组件可用。