react中如何引入css?下面本篇文章给大家介绍一下React中引用CSS样式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
react中如何引入css?
1、行内样式:直接在组件内部定义
<div style={{width:'20px',height:'30px'}}> First Way! </div>
2、声明样式:在render函数中先声明,再引用
render() { let mystyle = { width:'20px', height:'30<span style="color:transparent">来源gaodai#ma#com搞*!代#%^码网</span>px' } return( <div style={mystyle}> Second Way! </div> ); }
3、引入样式:
一个React组件一般就是一个文件夹,文件夹里包含对应的js和css,只要在js中引入同级的css即可。
import './mystyle.css';
更多react的相关知识,请查阅 搞代码网 !!
以上就是react中如何引入css?的详细内容,更多请关注gaodaima搞代码网其它相关文章!