WEB开发 23 Jan 2022 WordPress Rest API和React BrowserHistory开发SPA应用,Nginx的相关配置 React项目入口是index.html,而WordPress系统入口是index.php,部署在同一个目录,服务器只能选择其一。 阅读原文
WEB开发 10 Dec 2021 React使用browserHistory路由,常见服务器配置汇总 React新版本中使用browserHistory的方法: import React, { Component, Suspense, lazy } from 'react'; import { Route, HashRouter, Switch, Router } from '… 阅读原文
技术 25 May 2021 React中使用qrcodejs2生成二维码 qrcodejs2是一个轻量级操作二维码的js库,在React中使用非常方便。 安装 $ yarn add qrcodejs2 或 $ npm install qrcodejs2 使用 import React, { useEffect, useState, useRef } from "… 阅读原文
分享推荐 27 Dec 2020 React标签tag组件推荐 react-tag-input-component 轻量级组件,包含样式在内总共2kb,配置使用很简单。 <TagsInput value={selected} onChange={setSelected} name="fruits" placeHolder="e… 阅读原文
技术 17 Dec 2020 React自定义色块组件-颜色选择器 功能: 点击色块,弹出颜色选择器,自定义色块颜色,在回调中处理外部业务。点击除色块和选择器的区域,自动关闭选择器。 封装色块组件,便于任意处使用。 <ColorBlock color={color} onChange={onChange} /> 缺省宽高属性: width={40} he… 阅读原文
技术 22 Nov 2020 React多级下拉菜单 实现效果: 当没有点击操作时,鼠标划过主菜单不弹出下拉菜单。 有点击操作时,弹出下拉菜单,且鼠标划过其他主菜单时,弹出对应下拉菜单。 点击空白区域关闭下拉菜单。 下拉多级菜单由插件react-menu完成。 一个可定制的、轻量级的React菜单库: https://github.com/szhsin… 阅读原文
分享推荐 17 Nov 2020 React组件可拖动插件推荐 react-draggable ✨✨✨✨✨ https://github.com/STRML/react-draggable 出身于有名的react-grid-layout,作为轻量级插件,能满足基础功能需求。 使用十分便捷: <Draggable> <div>此区域可任意被… 阅读原文
分享推荐 14 Nov 2020 React分屏插件推荐 Re-Flex 🌟🌟🌟🌟🌟 https://github.com/leefsmp/Re-Flex 主要就三个组件: ReflexContainer 布局容器 ReflexSplitter 拖动手柄 ReflexEleme… 阅读原文
分享推荐 13 Nov 2020 React Table表格网格插件推荐 react-bootstrap-table2 🌟🌟🌟🌟🌟 https://react-bootstrap-table.github.io/react-bootstrap-table2/ react-bootstrap-t… 阅读原文