为什么引导程序组件不工作

Question

只想检查一下为什么引导程序代码在react组件中不起作用？我不明白它将如何运作。每当我查看网站时，它总是一个错误

import React from 'react';
function LoginForm() {
return (
<form>
<form class="mb-3"></form>
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
</form>
<form class="mb-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</form>
<form class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</form>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
)
}
export default LoginForm

Answer 1

要将Bootstrap与React一起使用，我建议您安装React Bootstrap或reactstrap包：

反应引导(链接(

npm i react-bootstrap | yarn add react-bootstrap

reatstrap(链接(

npm i reactstrap | yarn add reactstrap

不要忘记…

1/安装引导

npm i bootstrap | yarn add bootstrap

2/导入引导

在src/index.js中添加以下内容：import 'bootstrap/dist/css/bootstrap.min.css';