React
文章平均质量分 81
react 相关的记录
芝芝葡萄
这个作者很懒,什么都没留下…
展开
-
react-router-dom v5 路由模块化
在项目中的 react-router 通常是需要模块化的,抽离出所有的路由配置,下面是在create-react-app中对路由进行模块化,实现嵌套路由的路由模块化原创 2023-02-01 13:52:48 · 276 阅读 · 0 评论 -
reac组件,Component 与 PureComponent
我们可以看到react提供了两种组件的类型,一开始学习的时候都是使用Component,但是React提供了另外一个 PureComponent, 纯组件,目的是: 优化渲染import React, { Component } from ‘react’;import React, { PureComponent } from ‘react’;Component在React Component的生命周期中,有一个shouldComponentUpdate方法。这个方法默认返回值是true。这意味原创 2022-03-30 16:41:02 · 1278 阅读 · 0 评论 -
React-hook 实现 todoList
前言初学 JS 的时候相信大家都写过一个经典案例 :TodoList列表,曾经的也用 React 重写过,这次要用 React Hook 函数组件去实现了。去Github 上把代码拉下来 ???? react-hook-todolist// 1、clonegit clone https://github.com/chen-zuo/react-hooks-todoList.git// 2、进入文件夹cd react-hooks-todoList// 3、安装依赖npm i// 4、运行原创 2021-08-07 15:20:16 · 462 阅读 · 0 评论 -
React class组件、react-hook函数组件分别实现五子棋
react实现五子棋前言:使用create-react-app脚手架简单搭建,一共就用到一个组件:gobang.js,不用安装其他依赖,纯 js、css实现,组件代码放在最后了。分三步:1、画出了UI,棋盘棋子 。2、点击下棋落子。 3、落子后判断输赢效果如下目录结构1、画出UI在state中 初始化一个长度为20的得数组 border: Array(20).fill(null)通过数组去循环2次生成20*20的一个棋盘,在每个格子中放入一个<div className="原创 2021-04-08 20:48:28 · 913 阅读 · 0 评论 -
React Hook 理解使用 useState、useEffect、useContext、useRef、自定义hook
React Hookreact hooks 的出现,是对 react 中无状态组件的一种升级,使得函数组件也能state 和 生命周期React Hooks 要解决的问题是状态共享,是继 render-props(渲染属性) 和 higher-order components(HOC;高阶组件) 之后的第三种状态逻辑复用方案,不会产生 JSX 嵌套地狱问题。1. useStatehooks 的能力,就是让我们在函数组件中使用 state, 就是通过 useState 来实现的const [原创 2021-07-28 11:35:35 · 1533 阅读 · 0 评论