JediHongbin的博客_react

React canvas 抽奖转盘

文章目录地址实现代码仓库代码片段添加选项canvas绘制转盘地址实现思路颜色对应选项从选项列

react.js

css3

前端

canvas

旋转角度

原创 2023-05-21 11:19:15 465 阅读

React 项目结构设计

react 官方｜原子设计避免多层嵌套JavaScript 项目中的深层目录嵌套会带来许多痛点。在编写相对

reactjs

嵌套

编写代码

相对路径

原创 2023-05-21 11:18:05 246 阅读

styled-components 基础使用一[css, extend,attrs,&&,as,withComponent]

代码片段 cssimport styled, { css } from "styled-components";const flexCenter = css` justify-conten

reactjs

css

a标签

代码片段

原创精选 2023-05-21 11:17:29 344 阅读

react源码学习-02 Fiber memo

React Fiber是对核心算法的一次重新实现把一个耗时长的任务分成很多小片react 协调diff算法me

react.js

javascript

前端

知乎

原创 2023-05-21 11:16:47 117 阅读

MUI配合styled-components主题支持

文章目录编辑MUI样式自定义主题styled-component使用MUI主题开发组件编辑MUI样式MUI 和 syuled-component 都有自己的主题机制要他们配合使用需要 Btn

前端

react.js

MUI

ide

typescript

原创 2023-04-04 21:10:07 315 阅读

在create-react-app中MUI(material-ui)使用styled-component 作为样式引擎

MUI 的新名字 mui 不再是 material-ui 相关的包名也随之更改https://mui.com/zh/getting-started/installation/#npmhttps://mui.com/zh/guides/styled-engine/官方案例-js官方案例-ts需要配置 webpackcreate-react-app中需要customize-cra覆盖默认webpack

react.js

ui

javascript

ide

包名

原创 2023-03-25 14:45:49 110 阅读

react实现markdown编辑器

文章目录思路效果加粗/斜体等粘贴图片上传拖拽图片上传添加列表/代办/表格添加代码片段同步滚

markdown

js

css

html

图片上传

原创 2023-02-19 10:28:28 461 阅读

create-react-app 配置端口号运行

默认 3000webpack配置中可以看到端口号是 process.env.PORT 指定的mac 可以用设置变量也000 react-scripts start"

reactjs

端口号

原创 2023-02-19 10:27:56 265 阅读

taro 小程序主题切换生成

ThemeTriggerSwitchimport { styled } from "linaria/react";import { setTabBarS

小程序

reactjs

Text

taro

ide

原创 2023-02-19 10:27:24 761 阅读

pritter jsx单引号设置

.prettierrc{ "printWidth": 300, "tabWidth": 2, "semi": true, "jsxSingleQuote": true}

reactjs

原创 2023-02-19 10:26:41 167 阅读

styled-component更改NavLink选中样式

import { NavLink as MyNavLink } from "react-router-dom";export const NavLink = styl

reactjs

原创 2023-02-19 10:25:26 63 阅读

HOC 高阶组件

一直好奇aws-amplify的withAuthenticator组件是怎么回事,才弄明白react hoc 文档高阶

reactjs

原创 2023-02-19 10:25:17 75 阅读

React 路由切换动画

yarn add “react-transition-group”: “^4.4.1”,https://reactcommunity.org/react-tran

reactjs

ci

css

Layout

原创 2023-02-19 10:25:13 583 阅读

react 两侧小图轮播图

git地址import { FC, ReactElement, useEffect, useState } from "react";import styled

react.js

javascript

ecmascript

1024程序员节

ci

原创 2023-02-19 10:22:59 211 阅读

使用useState实现todoList

indeximport React, { FC, ReactElement, useState, useCallback } from "react";import { ContentContainer } from "../../constants/LayoutStyled";import { Typography } from

reactjs

List

UI

ci

原创 2023-02-14 15:30:31 122 阅读

useReducer实现todoList ts规范书写

typing/index.tsexport type Content = string;export type ID = string;export interface Todo { id:

reactjs

List

UI

JSON

原创 2023-02-14 15:30:22 68 阅读

react 公共组件属性解偶

设置默认值，需要不同的属性时再传值覆盖

reactjs

默认值

原创 2023-02-14 15:30:15 141 阅读

login表单执行方案

useStateinput没有自己的value值，是useState赋给它的值

reactjs

User

自定义属性

input标签

原创 2023-02-14 15:30:04 64 阅读

react豆瓣API获取电影数据小demo

entd使用使用entd的layout布局快速搭建页面entd官网页面刷新，路由不刷新，设置sider和路由同步，在componentWillMount还是componentDidMount都获取不到路由信息，但是能获取window.location，利用window.location获取路由信息，同步sider选中框请求豆瓣数据API使用参考

html5

css3

npm

reactjs

json

原创 2023-02-14 15:20:44 423 阅读

socket.io 多人井字棋-react

服务端: node socket.io express客户端: react styled-component socket.io-client仓库体验地址 htt

node.js

reactjs

socket

websocket

ide

原创 2023-02-14 10:49:51 112 阅读

HOOK!

const [count, setCount] = useState<number>(0);<Button onClick={handleIncrease}>increase{count}</B

reactjs

缓存

原创 2023-02-14 10:46:20 101 阅读

creact-react-app 文件初始结构标签功能

html

原创 2023-02-14 10:45:56 30 阅读

styled-component 基本使用--在TypeStript中使用

Hello styled-components????

reactjs

Math

Text

css

原创精选 2023-02-14 10:45:51 283 阅读

网页打印PDF

糟糕的尝试window.print没有可选参数将当前document打印，无法选择特定区域或者将需要打印

reactjs

html

可选参数

原创 2023-02-14 10:45:40 263 阅读

styled-components给svg添加动画

https://stackoverflow.com/questions/68043891/inherited-svg-functional-component-cannot-add

reactjs

xml

原创 2023-02-14 10:19:39 81 阅读

在next.js中使用styled-component以及全局主题切换

_app.js只加入一个 ThemeProvide 具体在 ThemeProvide 中import type { AppProps } from "next/app

javascript

reactjs

ide

App

自定义

原创推荐 2023-02-14 10:18:20 861 阅读

js 选中文字修改:裁剪,加粗... 获得选中内容

使用以下两个apiMDN Selection APIMDN Range API需要 APIconst Range = useCallback(() => { const selObj = window.g

javascript

react

API

删除节点

原创 2023-02-14 10:18:10 274 阅读

react typescript封装函数式组件styled-component

interface IButton { margin?: boolean; width?: string; justify?: JustifyContentProps;}const Button = styled.button<IButton>`

typescript

原创 2023-02-14 10:17:34 94 阅读

react源码学习-01

文章目录JSX编译方式的改变不再需要引入ReactComponentthis.setStatePrevComponent节点类型Fiberdiff替换原

react.js

前端

reactjs

JSX

复用

原创 2023-02-14 10:17:14 61 阅读

Taro markdown 解析器

文章目录效果环境思路代码 - 未完待续git 仓库没有找到合适的库期待Taro的发展没有经过测

前端

node.js

小程序

taro

git

原创精选 2023-02-14 10:13:31 575 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb63e9d7d5826b2的博客

React canvas 抽奖转盘

React 项目结构设计

styled-components 基础使用一[css, extend,attrs,&&,as,withComponent]

react源码学习-02 Fiber memo

MUI配合styled-components主题支持

在create-react-app中MUI(material-ui)使用styled-component 作为样式引擎

react实现markdown编辑器

create-react-app 配置端口号运行

taro 小程序主题切换生成

pritter jsx单引号设置

styled-component更改NavLink选中样式

HOC 高阶组件

React 路由切换动画

react 两侧小图轮播图

使用useState实现todoList

useReducer实现todoList ts规范书写

react 公共组件属性解偶

login表单执行方案

react豆瓣API获取电影数据小demo

socket.io 多人井字棋-react

HOOK!

creact-react-app 文件初始结构标签功能

styled-component 基本使用--在TypeStript中使用

网页打印PDF

styled-components给svg添加动画

在next.js中使用styled-component以及全局主题切换

js 选中文字修改:裁剪,加粗... 获得选中内容

react typescript封装函数式组件styled-component

react源码学习-01

Taro markdown 解析器

欢迎