Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
React 从零开始学习(四)—— 组件交互
上一节 实现了把一个 prop 从父组件 Board 传递 给了子组件 Square 在 React 应用中 数据通过 props 的传递 从父组件流向子组件 这点跟 vue 是一样的 然后 跟着教程给组件添加交互功能 给组件添加交互功能
React
前端
React 从零开始学习(八)—— 决出胜负
有两个玩家参与之后 就需要判断胜负 以及游戏何时结束 在 Board js 文件中添加 calculateWinner 方法来计算判断游戏 传入 squares 是一个长度为 9 的数组 function calculateWinner s
React
React styled-components (一) —— 基本使用
https github com styled components styled components styled components 基本使用 介绍 优点 缺点 安装 引入 使用 基本用法 样式嵌套 介绍 styled compon
React
前端
React 列表 & Keys
列表 Keys 列表 React 列表可以使用 JavaScript 的 map 方法来创建 如下
React
ReactJS
javascript
前端
《React后台管理系统实战:七》用户管理:获取/添加/修改/删除用户、菜单权限管理
一 基础页面 1 请求数据 数据 http localhost 5000 manage user list status 0 data users id 5e7d7953d4a98d1a1c1cf00a username jim passw
前端
React
14 代码分割之lazy:Suspense与路由懒加载
lazy内置方法 Suspense内置组件 lazy是React提供的懒 动态 加载组件的方法 React lazy 能减少打包体积 延迟加载首屏不需要渲染的组件 依赖内置组件Suspense 给lazy加上loading指示器组件的一个容
系统学习
React
ReactJS
【React】react-router-dom
文章目录 1 路由器组件 lt HashRouter gt lt BrowserRouter gt 2 路由 2 1 lt Route gt 2 1 1 lt Route element gt 2 1 2 lt Route path gt
JavaScript库
React
ReactJS
前端
javascript
react+antd中使用插件js-export-excel将table数据导出为excel文件
首先在项目中安装js export excel插件 进入项目目录 执行以下命令 npm安装 npm install save js export excel yarn安装 yarn add js export excel 安装好之后 查看p
React
jsexportexcel
导出文件
React 从零开始学习(一) —— 搭建项目
React 文档地址 https react docschina org docs create a new react app html 简介 React 是一个用于构建用户界面的 JAVASCRIPT 库 React 主要用于构建 UI
React
ReactJS
javascript
前端
2020/09/28 轮播react-slick报错 can`t resolve ‘react-slick‘
报错 前提 我已经按照官网安装好了 npm install react slick save npm install slick carousel save 并且引入了css样式 import slick carousel slick sl
React
什么是钩子函数
钩子函数 钩子函数 钩子函数是在一个事件触发的时候 在系统级捕获到了他 然后做一些操作 一段用以处理系统消息的程序 钩子 就是在某个阶段给你一个做某些处理的机会 钩子函数 1 是个函数 在系统消息触发时被系统调用 2 不是用户自己触发的 钩
前端
Vue
React
React项目路由懒加载lazy、Suspense,使第一次打开项目页面变快
一次性加载太多的路由文件会使首次加载的速度很慢 所以我们需要将路由搞成懒加载的形式 用到哪个组件加载哪个组件 庆幸的是React官方已经给我们准备好了插件 也在React库中 首先 从react这个库中导出lazy Suspense这两个方
React
ReactJS
javascript
前端
Hook 学习系列(一) —— State Hook
React Hook State Hook 使用多个 state 变量 以 use 开头的函数被称为 Hook React Hook 是 React 16 8 引入的新特性 它用在函数组件中 允许开发者不使用 class 的情况下 使用状态
React
ReactJS
javascript
nodejs
create umi创建项目
1 环境准备 安装node node确保它是 8 10 或更高版本 node v v14 17 0 安装yarn 推荐用于yarn管理 npm 依赖 npm install g yarn gt yarn 1 22 10 preinstall
React
前端
yarn
ReactJS
Umi + React + Ant Design Pro 项目实践(六)—— ProLayout 应用
打开 umirc ts 文件 import defineConfig from umi export default defineConfig plugins umijs plugins dist react query reactQuer
React
ReactJS
javascript
前端
React入门笔记(二)
React入门笔记 二 1 前情回顾 2 组件 3 视频教程地址 1 前情回顾 书接上回 React入门笔记 一 主要介绍React的基本特点 虚拟dom的实现原理 利用包管理工具搭建基本的React单页面引用等 如果你跳过了前面的项目配置
React
ReactJS
javascript
ECMAScript
react(19)——event的preventDefault方法阻止默认事件,实现提交表单,提示表单信息,不跳转页面
1 代码 div div
React
React
javascript
React和Vue的区别
文章目录 React与Vue的相同点 1 都支持服务器渲染 2 都数据驱动视图 3 都遵循组件化的思想 4 都使用虚拟DOM 5 都有状态管理 React与Vue框架的不同点 1 框架本质不同 2 数据流不同 3 监听数据变化的实现原理不同
JavaScript库
React
Vue
javascript
前端
React 从零开始学习(三)—— 数据渲染
项目跑起来了 接下来实现最基本的功能 数据渲染 渲染 state 中的数据 在 Components 文件夹里新建 Home js 文件 定义要展示的文字以及文字样式 import React Component from react cl
React
ReactJS
学习
javascript
antd table合并行或者列(动态添加合并行、列)
antd table合并行或者列 动态添加合并行 列 表头只支持列合并 使用 column 里的 colSpan 进行设置 表格支持行 列合并 使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时 设置的
React
antd
javascript
前端
antd table
1
2
»