Import css ใน React

11 Feb 2018

Share to:

นอกจากที่เราจะ 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

วิธีทอดไข่เจียวให้ฟูกรอบ น่ารับประทาน

การทอดไข่เจียวนั้นทุกคนก็คงทอดกันเป็นอยู่แล้ว แต่จะเจอปัญหาไข่จะฟีบตอนใส่จาน วันนี้จะมาเสนอวิธีการทอดไข่เจียวให้ฟูกรอบ น่ารับประทาน มาดูวิธีการทอดเลยดีกว่าครับ

ติดตั้ง และ share printer to raspberry pi or linux computer

สวัสดีครับ ในบทความนี้ผมจะมาแนะนําวิธีการ ติดตั้ง printer ใน raspberry pi หรือ computer ที่มี os เป็น linux ในการจัดการ printer บน linux จะต้องใช้โปรแกรม CUPS เข้ามาช่วย

จังหวัดชัยนาท

ประวัติความเป็นมา จังหวัดชัยนาทชัยนาทแปลตามศัพท์มีความหมายว่า "ชัยชนะที่มีเสียงบันลือ" เป็นเมืองโบราณเมืองหนึ่ง ตัวเมืองเดิมอยู่บริเวณฝั่งขวาแม่น้ำเจ้าพระยาที่ปากคลองแพรกศรีราชา ใต้ปากน้ำเก่า สันนิษฐานว่าคงจะสร้างขึ้นในสมัยพญาเลอไทครองกรุงสุโขทัยระหว่าง พ.ศ.


Copyright © 2019 - 2024 thiti.dev |  v1.19.0 |  Privacy policy |  status | 

            วงแหวนเว็บ