react 集成 tinymce

集成 tinymce 1 yarn add @tinymce/tinymce-react 参考参考 参考文档 集成 ck editor 参考文档

react 刷新路由

react 刷新路由的方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 import {withRouter} from 'react-router-dom' //头顶部分 头像和 菜单 const TopRightMenu = () => { // const history = createHashHistory() console.log(props) const Jump = (e)

react 子组件暴露接口给父组件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 import { Form } from "react-bootstrap"; const Editor0 = (props) => { if (props.init) { props.init({ getContent:()=> getContent() }) } } const App = ()=> { return ( <> <Editor0 init={( a) => console.log('init ref',a)} /> </> ) } 这样 通过回调 就能获得子组

react 组件懒加载

React.lazy 和 React.Suspense 可以做 注意了: lazy 不能单独出现,要配合 Suspense 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48

react实战

参考学习教程 参考教程, 10分开始 组件 css样式互不覆盖解决方法 第11分钟开始学习 将 child.css 改为 child.module.css 这样就可以实现模块化 跨域问题解决方法 跨域问题解决方

react样式互不影响

css互不影响 学习视频_参考 17分开始 1 2 3 4 5 6 7 8 import style from './child.module.css' console.log(style) export default function Child() { return ( <div className={style.item}></div> ) } 用 style.item 就可以获取到类名 设置引入 scss 配置 sass 如何使用 查看 第3分

redis分布式锁

redis分布式锁 参考项目 https://github.com/go-redsync/redsync 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 package main import ( goredislib "github.com/go-redis/redis/v8" "github.com/go-redsync/redsync/v4" "github.com/go-redsync/redsync/v4/redis/goredis/v8" ) func main() { // Create a pool with

redux使用

redux使用教程 参考 1 cnpm i --save redux react-redux 状态持久化 参考视频

redux状态管理

redux状态管理 redux 工作流程视频 其他解释: 可以理解为观察者模式 reducer 接收一个老状态, 返回一个新状态 然后回调通知 react 组件 参考官网文档 react redux原理

RN创建项目

RN 创建项目 1 2 3 4 5 6 npm i -g expo-cli expo init novel_v1 cd novel_v1 yarn yarn android #这边需要开启android的模拟器 使用Expo开发应用程序需要两种工具:本地开发工具和用于打
T