reactjs 样式表primary={false}在react js中不起作用

dsekswqp  于 2022-12-26  发布在  React
关注(0)|答案(1)|浏览(81)

This is my Stylesheet.js:

import React from 'react'
import "./mystyle.css "

function Stylesheet() {
  return (
    <div>
      <h1 className="primary">Dhoni</h1>

    </div>
  )
}

export default Stylesheet
This is my App.js:

import './App.css';
// import Myroutes from "./Myroutes.js";
import Stylesheet from './Stylesheet';

function App() {
  return (
    <>
      <Stylesheet primary={false} />

    </>
  );
}

export default App;

这是我的风格。

.primary {
  color: orange;
}

.font-xl {
  font-size: 52px;
}

在这个例子中,我没有使用Myroutes.js。我没有在控制台或其他地方得到任何错误。

    • 预期产出:**

没有CSS应该被应用到文本称为"Dhoni"。即黑色文本。

nimxete2

nimxete21#

试试这个,看看是否有效:

This is my Stylesheet.js:

import React from 'react'
import "./mystyle.css "

function Stylesheet({primary}) {
 return (
  <div>
   <h1 className={primary}>Dhoni</h1>

  </div>
)}

export default Stylesheet;


This is my App.js:

import './App.css';
// import Myroutes from "./Myroutes.js";
import Stylesheet from './Stylesheet';

function App() {
 return (
  <>
   <Stylesheet primary={false} />

  </>
)};

export default App;

相关问题