溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了react中怎樣引入css樣式，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
react中引入css樣式的方法：首先在render函數(shù)中聲明樣式，如【render() {let mystyle = {}}】；然后引用樣式即可，如【return(<div style={mystyle}></div>);】。
react有三種方法可以引入css樣式：
1、行內樣式：直接在組件內部定義
<div style={{width:'20px',height:'30px'}}>
First Way!
</div>2、聲明樣式：在render函數(shù)中先聲明，再引用
render() {
let mystyle = {
width:'20px',
height:'30px'
}
return(
<div style={mystyle}>
Second Way!
</div>
);
}3、引入樣式：引入外部的css文件，外部的css文件就是普通的css，在組件js中的import語句后面使用如下語句。
requre('./mystyle.css');感謝你能夠認真閱讀完這篇文章，希望小編分享react中怎樣引入css樣式內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。
