react 中如何引入 CSS? 下面本篇文章给大家介绍一下 React 中引用 CSS 样式的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
1, 行内样式: 直接在组件内部定义
- <div style={{width:'20px',height:'30px'}}>
- First Way!
- </div>
2, 声明样式: 在 render 函数中先声明, 再引用
- render() {
- let mystyle = {
- width:'20px',
- height:'30px'
- }
- return(
- <div style={mystyle}>
- Second Way!
- </div>
- );
- }
3, 引入样式:
一个 React 组件一般就是一个文件夹, 文件夹里包含对应的 JS 和 CSS, 只要在 JS 中引入同级的 CSS 即可.
import './mystyle.css';
更多 web 前端工程师 https://www.html.cn/ 相关知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/18517.html