ljl1255917058-CSDN博客

/ 然后import导入这个css module文件的时候, 会返回一个对象, 这个对象中的属性名就是原来的选择器名, 属性值就是自动生成的类名。// CRA中默认支持css module, 但是需要将css文件名改为xxx.module.css。// 本质上就是将这个css文件放入到页面中的时候,把里面的选择器都替换成自动生成的类名。

2023-05-31 18:22:56 127

原创 react-8(类名样式)

/ 也可以利用classNames函数结合对象的形式来生成对应条件下的类名。// 利用插值表达式可以实现动态类名, 利用一些三目运算符。// 注意. jsx中类名要写在className属性中。

2023-05-31 18:20:36 46

原创 react-6(组合与嵌套)

/ Fragement组件不会渲染任何内容, 只起到包裹的作用, 类似于vue中的template标签。// 简略写法: -> // 如果不想要根元素, 可以使用Fragment组件来包裹。// 注意: 一段JSX结构最外层必须有一个根元素包裹。// vue中的slot在react中如何实现?// 组件的组合与嵌套, 和vue一样。

2023-05-31 18:20:29 52 1

原创 react-7(行内样式)

/ JSX中的行内样式, 需要设置为对象的形式, 对象的键值对就是css属性与值。

2023-05-31 18:19:55 58 1

原创 react-5(类组件)

/ 2. 需要实现render方法, render方法必须返回一些可以渲染的内容(字符串/JSX)// 通过创建一个class类型, 就可以实现一个类组件。// 1. 需要继承父类React.Component。

2023-05-31 18:17:59 34 1

/ 但是, 这样利用React.createElement的写法很麻烦, 而且可读性非常差, 于是React推出了JSX语法,允许我们使用类似于html+xml的语法。// JSX语法只是语法糖, 帮助我们去构建dom结构的, 最终是需要编译的, 被babel工具编译成React.createElement()的形式。// 参数有三个, 第一个是标签名, 第二个是标签属性, 第三个乃至后面的都是标签内容。// 因为XML更严谨, 比如每个标签必须闭合, 不能嵌套, 不能交叉, 不能重复。

2023-05-31 18:15:38 25 1

原创 react-3(插值表达式)

/ 数组是会把每一个元素挨个放出来。// 不能渲染object对象。// {} 插值表达式。

2023-05-31 18:15:30 54

原创 react -1

/ 执行性能质量监控函数可以得到关于当前应用程序的性能质量信息, 为优化做出提醒。// React会将很多能力以组件的形式提供给我们使用。// 根结点去渲染一个根组件, 从而启动项目。// 创建一个可用于渲染/启动项目的根结点。// render方法可以传入JSX结构。// 这里的语法就是JSX语法。// 引入性能质量监控函数。

2023-05-31 18:12:53 35

ljl1255917058的博客

原创 chrome控制台标签如何中文显示

原创获取dom节点的几种方法

原创 react-18(状态-挂载)

原创 index-19-状态-setState

原创 react-17(命名插槽)

原创 react-16(作用域)

原创 react-15(属性验证)

原创 react-14(属性默认值)

原创 react-13(属性的传递与接收)

原创 react-4(函数组件)

原创 react-12(to do list(一个小案例))

原创 react-11(样式组件-组件)

原创 react-10(样式组件-标签)

原创 react-9(模块样式)