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

แอบเปิดกล้องแอป facebook messenger

สวัสดีครับในบทความนี้ ผมจะบอกว่าแอป facebook messenger สามารถ เปิดกล้อง Video call ได้โดยที่เจ้าของไม่อนุญาติ มันอาจจะเป็น bug ของแอป facebook messenger หรือป่าวผมไม่แน่ใจนะครับ ซึ่งผมเจอมันโดยบังเอิญ มาลองดู Video กันว่ามันทําได้อย่างไร

Go EP.8 Go Channel Select Multiple Communication Operations

สวัสดีครับ ในบทความนี้ก็เป็น EP.8 แล้วนะครับ โดยเนื้อหาจะเป็นเรื่องเกี่ยวกับ Channel Select Multiple Communication Operationsสําหรับท่านใดที่ยังไม่ได้อ่าน EP.7 ท่านสามารถกลับไปอ่านก่อนได้นะครับที่นี่ Go EP.7 Go Unit Testingในบทความก่อนหน้านี้เราได้เรียนรู้เรื่องการใช้งาน Go Channel กันไปแล้ว จะเห็นว่าถ้าเราต้องการส่งข้อมูลมากกว่า 1 Channel อาจจะทําเกิด blocking การทำงาน เมื่อ Channel ใด Channel หนึ่งไม่มีการรับส่งข้อมูล หรือไม่สามารถส่งข้อมูลได้อีก สิ่งที่จะมาช่วยให้โปรแกรมของเราทํางานต่อไปได้ก็คือ Select statement เรามาดูวิธีการใช้งานตามหัวข้อด้านล่างเลยครับ

ทํา CD-ROM เก่าๆ เป็นเครื่องเล่นเพลง

สวัสดีครับ วันนี้ผมจะพาทุกท่านย้อนอดีตไปยังสมัยที่ CD ยังฮิตๆ กัน การดูหนัง ฟังเพลง เล่นเพลง mp3 โปรแกรมต่างๆ ก็จะถูกเก็บใน CD ทั้งนั้น แต่ในปัจจุบันไม่ค่อยได้รับความนิยมเท่าไร บางคนอาจจะมี CD-ROM เก่าๆไม่ได้ใช้แล้วไม่รู้จะเอาไปทําอะไร เอามาทําเครื่องเล่น CD เพลงได้ครับ เดี๋ยวผมจะอธิบายวิธีการทําครับ แต่ก่อนอื่นมาดูอุปกรณ์กันก่อนว่ามีอะไรบ้าง


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

Build with ❤️ and Astro.

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