随笔分类 -  92react.js

摘要:如题,下面的写法,在实际显示的时候,会出现代码 const SpeakLoading = (props) => { return ( <RecordLoadingWrapper> props.iatStatus=='ing'&&(<div>正在倾听,请说话</div><img className=" 阅读全文
posted @ 2024-02-06 16:03 风意不止 阅读(45) 评论(0) 推荐(0) 编辑
摘要:import { CommonFormTypes } from 'globalConstants'; import { createContext, useCallback, useState } from 'react'; import { BoardType } from '../../../D 阅读全文
posted @ 2024-01-25 15:54 风意不止 阅读(26) 评论(0) 推荐(0) 编辑
摘要:https://juejin.cn/post/7118937685653192735 局部上下文,局部共享、createContext,useContext,先创建,再使用。 https://blog.csdn.net/qq_41131745/article/details/128811921 阅读全文
posted @ 2024-01-25 14:55 风意不止 阅读(10) 评论(0) 推荐(0) 编辑
摘要:一定要执行一次 具名函数+函数执行 useEffect(() => { async function fetchData() { try { const response = await fetch('https://api.example.com/data'); const data = awai 阅读全文
posted @ 2024-01-22 17:01 风意不止 阅读(258) 评论(0) 推荐(0) 编辑
摘要:子组件,应该有个onChange事件。 1.问题:在嵌入自定义组件<Form><MyComponent></Form>时,需要将子组件的onChange方法暴露出去。 2.原因: 1.form会监听<input>的onChange方法和value变量(form是<input>的一个属性) 2.其它基 阅读全文
posted @ 2024-01-19 15:44 风意不止 阅读(119) 评论(0) 推荐(0) 编辑
摘要:官方包 https://www.npmjs.com/package/react-querybuilder 官方演示 https://react-querybuilder.js.org/demo/antd 网友经验 https://www.cnblogs.com/niyan/p/17414642.ht 阅读全文
posted @ 2024-01-16 16:37 风意不止 阅读(247) 评论(0) 推荐(0) 编辑
摘要:知乎这个好像可以 antd Modal中使用Form组件, Modal确认按钮提交表单 https://zhuanlan.zhihu.com/p/651924574?utm_id=0 阅读全文
posted @ 2024-01-12 14:09 风意不止 阅读(57) 评论(0) 推荐(0) 编辑
摘要:不拆分的情况下 把columns配置,写在函数组件内部。 把相关的操作,也全部写在函数组件内部。 拆分的话 1.columns的render函数中,有个actionref,可以传递dom实例上的操作方法。 2.其他方法,可以使用hooks方法进行传递。 useColumns.tsx export c 阅读全文
posted @ 2024-01-12 14:05 风意不止 阅读(246) 评论(0) 推荐(0) 编辑
摘要:代码如下 export const waitTimePromise = async (time: number = 100) => { return new Promise(resolve => { setTimeout(() => { resolve(true); }, time); }); }; 阅读全文
posted @ 2024-01-12 11:42 风意不止 阅读(144) 评论(0) 推荐(0) 编辑
摘要:table宽度无限增加 table组件在flex布局下宽度自动无限增加 当前使用的是pro-table 这时候,一般都是给class叫pro-table或者叫table的父级,一个flex:1. 而pro-table或者table类,本身100%.就可以了。 这样的思路是父级指定宽度,表格100%, 阅读全文
posted @ 2024-01-11 16:04 风意不止 阅读(1157) 评论(0) 推荐(0) 编辑
摘要:antd-pro中的很多组件,都是对antd组件的封装 所以,很多属性配置,都可以通用的! tree搜索 { title: '预警对象', dataIndex: 'objectId', // copyable: true, ellipsis: true, hideInTable:true, widt 阅读全文
posted @ 2024-01-11 11:48 风意不止 阅读(121) 评论(0) 推荐(0) 编辑
摘要:https://juejin.cn/post/6844903982867939342 被抛弃的原因 未知原因 阅读全文
posted @ 2024-01-10 17:52 风意不止 阅读(251) 评论(0) 推荐(0) 编辑
摘要:转载 https://www.cnblogs.com/fairya/p/17392846.html 阅读全文
posted @ 2024-01-10 14:29 风意不止 阅读(78) 评论(0) 推荐(0) 编辑
摘要:两种方式,同时使用的时候,会报错 npm i @ant-design/pro-components 报错 为什么!!!!!! 去npmjs.org查询两个包,看版本,看区别 https://www.npmjs.com/package/@ant-design/pro-table https://www 阅读全文
posted @ 2024-01-10 11:55 风意不止 阅读(468) 评论(0) 推荐(0) 编辑
摘要:权限 https://www.bilibili.com/video/BV1v14y1z7mb/ 1.路由菜单权限 2.权限有菜单权限,按钮权限 多模块菜单 https://blog.csdn.net/JingDuo0909/article/details/129631166 https://blog 阅读全文
posted @ 2024-01-10 09:51 风意不止 阅读(24) 评论(0) 推荐(0) 编辑
摘要:官方文档 一般建议使用官方文档 一些单词的记忆方法 module 记忆方法 mode + ule Schedule 记忆方法 schede +ule react修改 页面标题和描述 import { Helmet } from 'react-helmet-async'; 《helmet to hel 阅读全文
posted @ 2023-12-29 16:37 风意不止 阅读(111) 评论(0) 推荐(0) 编辑
摘要:主要看视频,文档看的没意思 https://www.bilibili.com/video/BV1Ju41117TD 阅读全文
posted @ 2023-12-28 00:17 风意不止 阅读(12) 评论(0) 推荐(0) 编辑
摘要:``` import React, { useEffect } from 'react' import { observer } from 'mobx-react' import { get } from 'lodash' import { Modal } from 'antd' import Se 阅读全文
posted @ 2023-06-11 19:50 风意不止 阅读(161) 评论(0) 推荐(0) 编辑
摘要:### 请求 ``` const handldeComfirmTermwork = async (params) => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa 阅读全文
posted @ 2023-06-01 17:14 风意不止 阅读(18) 评论(0) 推荐(0) 编辑
摘要:### 横向菜单 ### 侧边导航 ### 菜单高亮 ### 路由匹配 ### layout布局 ### tab布局,或者 radio布局 阅读全文
posted @ 2023-06-01 16:05 风意不止 阅读(4) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示