![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
you_wne
这个作者很懒,什么都没留下…
展开
-
React 的 classnames 库
最近看到公司项目中经常使用了classnames这个库, 很好奇是干什么的, 看了文档以后才发现这个组件能够提供很好的动态css样式功能,配合基于状态的编程,真是非常的便利.classnames 是一个简单的 JavaScript 工具包用来有条件的将不同的 className 联合在一起。对比例如我们以前的 className 是这样写的:<div className={item.login? 'circle active': 'circle'} />以这种写法来说不是.原创 2021-03-06 15:01:59 · 2879 阅读 · 0 评论 -
React 配置 (.modules).less 环境
安装 less 依赖$ yarn add less less-loader -D 暴露 react 的 webpack.config.js 文件$ yarn eject编辑 config/webpack.config.js 文件const lessRegex = /\.less$/const lessModuleRegex = /\.module\.less$/module.exports = function (webpackEnv) { ... // 搜索 oneOf 关键原创 2021-02-14 20:05:54 · 1029 阅读 · 2 评论 -
[react] this.props 为空集合 {}
第一种解决方法给子组件传 tihs.propsimport React from 'react'import { Redirect, Route, Switch } from 'react-router-dom'export default class Admin extends React.Component { render(){ return( <Switch> {/* 传值 */} <Route path='/' {..原创 2020-05-23 15:41:06 · 2533 阅读 · 1 评论 -
[全局数据传递] useContext 实战使用
useContext 初体验App.jsimport React from 'react';import Page_1 from './pages/Page_1';// 自定义属性const deafultContxt = { name: 'youwne',};/* 创建上下文对象, 并导出上下文对象*/export const appContext = React.createContext(deafultContxt);function App() { return原创 2021-02-14 18:04:57 · 1780 阅读 · 1 评论 -
React 路由懒加载
// React.lazy方法可以异步加载组件文件。import React, { Suspense, lazy } from 'react'import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'import { Spin } from 'antd'// 通过 webpack 独立打包成 HomePage 文件const HomePage = lazy(() => import(/* webpack原创 2021-01-08 16:28:43 · 105 阅读 · 0 评论