博客

【React Css样式实现的两种方式】

  • Post author:
  • Post category:其他


React Css样式实现方式



采用JS组件同级目录下新建CSS文件的方式

1. 在	Component文件夹内的组件目录下新建组件CSS文件，并写入CSS样式

在这里插入图片描述

2. 在JS组件中导入css文件并在对应标签里导入css样式 

import React from "react";
//导入Css样式
import "./变量组件.css";
//变量组件
/*
*注意function里不能修改参数值，应采用class类的方式进行传值
*/
const Variate = (Variate) => {
   
    return (
        <p className="module_style">姓名:{
   Variate.name}


版权声明：本文为qq_42960359原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。