在 React/Bootstrap 中使用 style="" 使页面空白

Question

代码

import React from "react";
import 'bootstrap/dist/css/bootstrap.css';
const Downloads = () => {
  return (
    <div class="text-bg-secondary text-white p-2">
        <div class="card">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="card-link">Card link</a>
    <a href="#" class="card-link">Another link</a>
  </div>
</div>
    </div>
  );
};
  
export default Downloads;

在上面的代码中，只要我不添加 style=，它就可以工作，每次我在任何地方添加它时都会发生同样的情况。 例如

<div> 

工作但是

<div style=""> 

才不是。

我尝试重新安装引导程序。 预期：应显示页面及其内容。

Answer 1

尝试这样写你的风格：

style={{color: "red", border: "2px solid red"}} // for example

你的class=必须是className=

使用 React，您不能像HTML那样编写属性