react
文章平均质量分 66
kjs--
好的坏的都是风景
展开
-
useRefState
封装自定义hook 解决useState数据更新不及时问题原创 2022-12-16 14:48:23 · 225 阅读 · 0 评论 -
项目readme(2)
项目readme文件原创 2022-12-13 11:39:18 · 380 阅读 · 0 评论 -
项目readme(1)
项目readme文件原创 2022-12-13 11:36:11 · 386 阅读 · 0 评论 -
react中使用 PropTypes 进行类型检查
使用 PropTypes 进行类型检查1.自 React v15.5 起,使用prop-types库 进行类型检查。2.之前使用的React.PropTypes 已移入另一个包中,我们提供了一个 codemod 脚本来做自动转换。3.详情可观看官网https://react.docschina.org/docs/typechecking-with-proptypes.html一、前言应用程序不断增长,你可以通过类型检查捕获大量错误可以使用Flow 或TypeScript 等 JavaS原创 2021-11-30 14:13:03 · 422 阅读 · 0 评论 -
mobx简单、可扩展的状态管理
mobx关于mobx的一些文档:git地址https://github.com/mobxjs/mobx中文文档https://cn.mobx.js.org/一、安装npm install mobx --saveReact 绑定库: npm install mobx-react --save二、MobX 要点使用 MobX 将一个应用变成响应式 只需三步:定义状态并使其可观察创建视图以响应状态的变化更改状态...原创 2021-11-29 14:58:22 · 319 阅读 · 0 评论 -
react hook父组件调用子组件方法
子组件中import React, { useState, useEffect, forwardRef, useImperativeHandle,} from 'react';// props子组件中需要接受reflet Subcomponents = (props,ref) => {const onCallback = () => { console.log('执行了')} // 此处注意useImperativeHandle方法的的第一个参数是目标原创 2021-11-29 11:08:54 · 3582 阅读 · 2 评论 -
React-intl 实现多语言
React-intl 实现多语言一、前言最近做的一个react项目 有做国际化的需求。React 做国际化,我们项目使用的是React-intl ,这个库提供了 React 组件和Api两种方式来格式化日期,数字和字符串等。知道这个库了,那让我们开始使用它详情可看网址 https://formatjs.io/docs/react-intl二、使用1.安装npm install react-intl --save2.添加引用import {IntlProvider, addLocaleDa原创 2021-11-29 10:37:38 · 1555 阅读 · 0 评论 -
react----antd(1)
表长度校验 128字节其他输入框 后端规定多宽就设置多宽form 表单高性能表单控件,自带数据域管理。包含数据录入、校验以及对应样式。参数说明validateFields触发表单验证(nameList?: NamePath[]) => PromiseresetFields重置一组字段到 initialValuesinitialValuesform上设置默认值getFieldsValue获取一组字段名对应的值,会按照对应结构返回。默认返回原创 2021-08-23 18:58:10 · 587 阅读 · 0 评论 -
react----hook(1)
react hookHook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。为什么需要hook?在组件之间复用状态逻辑很难,providers,consumers,高阶组件,render props 等其他抽象层组成的组件会形成“嵌套地狱”。而Hook 使你在无需修改组件结构的情况下复用状态逻辑。每个生命周期常常包含一些不相关的逻辑,相互关联且需要对照修改的代码被进行了拆分,而完全不相关的代码却在同一个方法中组合在原创 2021-08-23 18:55:31 · 114 阅读 · 0 评论