首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
React HookAPI useState()
React HookAPI useState() useState是React Hook中声明变量的方法,useState提供了一个获取方法、一个设置方法 import React from ‘react‘; // useState是React的方法使用useState方法时要提前引入React依赖包 const [state, setState] = React.useState(initalSt
113
代码人生
01-01 08:00
代码人生
React index.html引入script时 src中的斜杠都变成了空格,并且还多出了script标签 导致无法加载
React index.html引入script时 src中的斜杠都变成了空格,并且还多出了script标签 导致无法加载 在使用react开发项目的时候 遇到了一个奇怪的问题,在index.html中引入script标签 script标签的src属性会把 / 斜杠变成空格,并且在body标签结尾追加script标签。 就像这样 我发现 HtmlWebpackPlugin 还内置了html-minifier插件 解决方法 在webpa
85
代码人生
01-01 08:00
代码人生
React--JSX
React--JSX 在 JSX 中嵌入表达式 声明一个名为 name 的变量,然后在 JSX 中使用它 const name = ‘Josh Perez‘ const element = <h1>Hello, {name}</h1> 在 JSX 语法中,你可以在大括号内放置任何有效的 JavaScript表达式。 JSX 也是一个表达式 你可以在
98
代码人生
01-01 08:00
代码人生
react的CSS中 :global的含义
react的CSS中 :global的含义 一、局部作用域 css的规则都是全局的,任何一个组件的样式规则,都对整个页面有效。产生局部作用域的唯一方法,就是使用一个独一无二的class的名字,不会与其他选择器重名,但是当我们与其他人共同开发的时候,无法保证一定与其他人不同,这时候就要用到css modules。 下面是一个React组件App.js: import Reac
91
代码人生
01-01 08:00
代码人生
React.js Component组件,生命周期
React.js Component组件,生命周期 首先声明因为公司需要用到react.js自己就学习了下,最基础得教程可以直接百度,以下是react个个组件得生命周期 一、概述 React可以将组件定义为类或函数。定义为类的组件当前提供了更多的功能。要定义React组件类,您需要扩展React.Component: class Welcome extends React.Component {
89
代码人生
01-01 08:00
代码人生
React基础篇(三)之 webpack打包项目配制
React基础篇(三)之 webpack打包项目配制 1、本篇章配置一个 webpack 打包项目 2、简述 jsx 语法配置支持 1 初始化项目 使用 IDE 打开目录 在命令行中初化化项目 npm init -y 然后安装 webpack cnpm i webpack -D 然后安装 webpack-cli webpack
139
代码人生
01-01 08:00
代码人生
react中css里面 class中的 图片的相对地址 完美解决 backgroundImage
react中css里面 class中的 图片的相对地址 完美解决 backgroundImage 发现问题:缓存 之前react的图片,也在style里面,也无所谓。 刚做了一个输入框,change的时候改变图片,每次都刷新图片,关键是没缓存,这哪受得了 之前用的: 网上搜索各种插件,替换什么的,都不好使。 最后的解决方案: 将css文件,放到 public下,然后就变成公共资源,也不参与打包,也就不会报错了。 将index.html中加入 &
94
代码人生
01-01 08:00
代码人生
React.JS详细分析token存储以及提取的方法,其中涉及技术(localStorage、react-cookies、immutable、JSON)
React.JS详细分析token存储以及提取的方法,其中涉及技术(localStorage、react-cookies、immutable、JSON) React.JS 中关于localStorage与React Cookies的Immutable映射和JSON解析关系 前言由于网上相关知识的文章较少,所以就自己深入分析,把总结的经验分享出来,希望正在学习的小伙伴们,能够走少弯路。 核心库内容点: localStorage、react-cookies、im
98
代码人生
01-01 08:00
代码人生
React使用useLocation监听url地址变化,工具URLSearchParams获取参数
React使用useLocation监听url地址变化,工具URLSearchParams获取参数 import * as React from ‘react‘ import { Link, useLocation } from ‘react-router-dom‘ export interface BottomNavigationViewProps { className?: string isLogin?: boolean avata
86
代码人生
01-01 08:00
代码人生
React JS: 如何使用 RxService 管理状态
React JS: 如何使用 RxService 管理状态 快速使用 vite 创建一个react-ts项目 λ npm init vite@latest npx: 6 安装成功,用时 2.033 秒 √ Project name: ... myapp √ Select a framework: ? react √ Select a variant: ? react-ts λ cd myapp λ npm in
65
«
1
2
3
4
5
6
7
8
...
35
36
»