Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
原来react的createContext 这么简单
今天看了下react中createContext相关的源码 特意在这里拿出来分享下 同时也会体现出关于本人看源码的技巧 本文采用源码分析以及源码断点调试的方式进行列举 用法 import React from react const Cou
React
ReactJS
React项目 管理后台页面框架搭建
使用 antd 这个框架搭建 使用 Layout 进行页面布局 在文件夹 component 创建一个新的组件 叫做Frame 然后里面在创建一个叫做index js 这是我们管理后台的一个大的布局结构 在index js 里添加代码 首先
Ang Design
React
ReactHooks常用钩子总结
ReactHooks常用钩子 重学react 这里对常用的ReactHooks做一下简单的总结 1 useState useState 会返回一个数组 一个 state 一个更新 state 的函数 在初始化渲染期间 返回的状态 state
React
前端
ReactJS
React—条件渲染不同的组件
import React from react import ReactDom from react dom class UserGreeting extends React Component render return h1 欢迎回来
React
antd pro component - EditableProTable 表单重置
antd pro component EditableProTable 受控情况之下 改变 dataSource之后 但是表格编辑组件还是记录上次编辑状态记录的数据 没有及时更新 解决办法就是手动更新表单 其实整个表格就是一个form 开始
React
React生命周期
React的生命周期 1 挂载卸载过程 constructor componentWillMount componentDidMount componentWillUnmount 2 更新过程 componentWillReceivePro
React
npm link 引发的 Invalid hook call 问题
项目场景 开发React组件库 假设路径为 workspace ui 时 为了避免每次修改都发布到 npm 在本地的测试项目 假设路径为 tmp test 中使用 npm link 为组件库建立软连接 方便本地调试 问题描述 不幸的是 发生
React
npm
前端:react(柒):react 多个组件共享state
柒 react 多个组件共享state 经常会遇到几个组件需要共用状态数据的情况 这种情况下 我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理 const scaleNames c Celsius f Fahrenheit fu
js
React
Ant Design Pro使用操作说明--(1) 搭建项目
Antdpro Umi Dva 创建项目 之前的umi dva antd那套博客蛮多人看并且有互动 一套详细的全新升级antdpro管理系统的搭建和使用希望可以帮助到各位 这次会细分 尽量帮助你们快速解决遇到的问题 一 Ant Design
React
antd
ReactJS
antdpro
React:select受控
import React from react class Selector extends React Component constructor super this state val
React
react + ts 配置项目路劲别名(import的时候使用@符号报错)
前言 项目开发的过程中 tsx 页面中 import 引入项目的时候 ts 文件报错 找不到模块 xxx xxx 或其相对应的类型声明 其原因主要是因为目前 ts 对 指向 src 的目录的提示是不支持的 vite默认也不支持 所以需要手动
React
前端
ReactJS
javascript
react函数式组件传值之子传父
在用react进行函数式编程时 父组件可以通过props向子组件传值 那么子组件怎么向父组件传值呢 首先 父组件需要向子组件传递一个函数 然后 子组件通过props获取函数并附上参数 最后 父组件通过函数拿到子组件传递的值 一 具体案例 父
React
函数式编程
前端
React路由
安装 npm i react router dom S 导入 import BrowserRouter as Router Route Link from react router dom HashRouter与BrowserRouter
react路由
React
React中组件间过渡动画如何实现?
一 是什么 在日常开发中 页面切换时的转场动画是比较基础的一个场景 当一个组件在显示与消失过程中存在过渡动画 可以很好的增加用户的体验 在react中实现过渡动画效果会有很多种选择 如react transition group react
React
前端
ReactJS
前端框架
利用CDN加速react webpack打包后的文件
此文不介绍webpack基本配置 如果对基本配置有疑问请查阅官方文档 1 配置webpack config js 将output publicPath改成上传到的cdn地址 例 对应上面上传配置 publicPath https your
网络
CDN
React
React:阻止默认事件
在html页面中直接通过return false即可阻止默认事件 a href 点击 a 而在react中需要使用e preventDefault function PreventDe return a href console log 阻
React
React(条件、列表渲染)及其生命周期
条件渲染 下面用成绩等级和游戏段位来实际来操作举例一下 以便于理解 vue中 用v if angular中 用 ngIf 条件渲染 if rcc import React Component from react export defaul
React
React Hook 之 useMemo及 React.memo
一 useMemo const memoizedValue useMemo gt computeExpensiveValue a b a b 返回一个 memoized 值 把 创建 函数和依赖项数组作为参数传入 useMemo 它仅会在某
React
ReactJS
React通过docx-preview预览Word文档
前言 在基于React的Web应用中 我们经常遇到需要预览和展示Word文档的需求 而docx preview是一个优秀的React组件库 可以帮助我们实现在Web页面上预览Word文档的功能 本文将介绍如何使用docx preview组件
React
ReactJS
word
前端
«
1 ...
43
44
45
46
47
48
49
...52
»