Import css ใน React

11 Feb 2018,
Share: 

นอกจากที่เราจะ import Component อื่นๆเข้ามาใช้งานใน Component ได้ เรายังสามารถที่จะ Import ไฟล์ css เข้ามาใช้งานใน Component ได้อีกด้วย

มาลอง Import กันเลยครับ สร้างไฟล์ Button.css มีเนื้อหาดังนี้

.Button {
  padding: 20px;
}

แล้ว Import แบบนี้ได้เลยครับ ที่ไฟล์ Button.js

import React, { Component } from 'react';
import './Button.css'; // Tell Webpack that Button.js uses these styles

class Button extends Component {
  render() {
    // You can use them as regular CSS styles
    return <div className="Button" />;
  }
}

Suggestion blogs

Check ubuntu version

คําสั่งสําหรับ Check ubuntu version คือ

Review ไฟฉาย JetBeam IIM

ไฟฉาย JetBeam รุ่น IIM เป็นไฟฉายรุ่นที่มีความสว่างสูงสุด 1,100 Lumens แสงพุ่งไกลถึง 230 เมตร จุดเด่นคือ สามารถล็อค switch ปิด-เปิด ได้เพื่อป้องกันไม่ให้เปิดไฟฉายโดยบังเอิญ

เหรียญ 20 บาท รางวัลผู้นำโลกด้านทรัพย์สินทางปัญญา พ.ศ.2551

รางวัลผู้นำโลกด้านทรัพย์สินทางปัญญา พ.ศ.2551ข้อมูลเหรียญกษาปณ์ที่ระลึกเฉลิมพระเกียรติพระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช เนื่องในโอกาสที่องค์การทรัพย์สินทางปัญญาโลก ( WIPO ) ทูลเกล้าทูลกระหม่อมถวายรางวัลผู้นำโลกด้านทรัพย์สินทางปัญญา เพื่อเฉลิมพระเกียรติและเชิดชูพระอัจฉริยภาพในการส่งเสริมเผยแพร่บทบาทด้านทรัพย์สินทางปัญญาและพัฒนานวัตกรรมสิ่งประดิษฐ์ต่าง ๆ โดยพัฒนาคุณภาพชีวิตของคนไทยและเป็นประโยชน์ต่อชาวโลก เช่น กังหันน้ำชัยพัฒนา และโครงการทำฝนหลวง ทรงเป็นนักสร้างสรรค์ นักประดิษฐ์ ผลงานของพระองค์ท่านทดลองแล้ว ได้ประโยชน์และมีผลในการปฏิบัติได้จริง มีคุณค่าในด้านทรัพย์สินทางปัญญาของโลก


Copyright © 2019 - 2025 thiti.dev |  v1.58.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Nostr   Youtube channel   Telegram   Email contact   วงแหวนเว็บ