عدم اجرای کد های css
سلام
در React با این که فایل css خودمو import میکنم ولی اصلا کد های css اجرا نمیشه و نمیتونم فرمت سایتمو و تغییر بدم.
لطفا راهنمایی بفرمایید.
با تشکر
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
import React, { Component } from 'react'
import App from './App';
import { render } from '@testing-library/react';
import './Card.css'
class Card extends React.Component {
eventHandler(e) {
console.log('Click')
}
render() {
let { title, body } = this.props;
return (<div className="card" >
<header className="card-header" >
<h2 > {title} </h2> </header >
<section className="card-body" >
<p > {body} </p>
<footer > < p > Card Footer </p></footer >
<button onClick={this.eventHandler} > Click </button> </section >
</div>
);
}
}
واینم کد های css
".Card {
border: 2px solid rgba(0, 2, 4, 6);
border-radius: 3px;
padding: 5px 25px;
margin-bottom: 10px;
}"
نباید extensions خاصی رو install کنم ؟
پیوندهای زیر رو بررسی کنید. روش های مختلفی که میشه CSS رو داخل اپ‌‌های React پیاده سازی کرد رو توضیح داده
https://medium.com/@dmitrynozhenko/9-ways-to-implement-css-in-react-js-ccea4d543aa3