摘要: 接口返回内容如下时可以使用: 1 如果返回的数据中有\n 进行处理,用<br/>替换 eg:const info = 'React\n Vue\n Angular'; const replaceInfo = info.replace(/\\n/g, '<br/>); 2 在JSX中,配合danger 阅读全文
posted @ 2022-06-17 14:21 天官赐福· 阅读(767) 评论(0) 推荐(0)
摘要: <Select getPopupContainer={(triggerNode) => triggerNode.parentNode}/> 阅读全文
posted @ 2022-06-16 22:02 天官赐福· 阅读(158) 评论(0) 推荐(0)
摘要: function useCallbackState(od) { const cbRef = useRef(); const [data, setData] = useState(od); useEffect(() => { cbRef.current && cbRef.current(data); 阅读全文
posted @ 2022-03-18 11:02 天官赐福· 阅读(491) 评论(0) 推荐(0)
摘要: function Foo () { getName = ()=>console.log(1); return this; } Foo.prototype.getName = ()=>{ console.log(2) } Foo.getName=()=>{ console.log(3) } var g 阅读全文
posted @ 2022-02-15 13:48 天官赐福· 阅读(26) 评论(0) 推荐(0)
摘要: 1.下载 yarn add screenfull 2.给按钮添加点击事件 onclick = {this.screenFull} screenFull = () => { if(screenfull.isEnable){ screenfull.toggle(); //切换全屏 } } 3.组件挂载时 阅读全文
posted @ 2022-01-20 16:49 天官赐福· 阅读(345) 评论(0) 推荐(0)
摘要: 1开头的http状态码表示临时响应并需要请求者继续执行操作的状态代码。100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。2开头的http状态码表示请求成功200 成功处理 阅读全文
posted @ 2022-01-20 10:57 天官赐福· 阅读(31) 评论(0) 推荐(0)
摘要: img标签 img{ object-fit: cover; object-position: top;} 背景图不变形 .bg{ background-image: url(imgUrl.jpg); background-size: cover;} 阅读全文
posted @ 2021-12-10 16:42 天官赐福· 阅读(263) 评论(0) 推荐(0)
摘要: 按需引入 // 安装插件yarn add babel-plugin-import module.exports = { // 这个配置是使用antd额按需加载 "plugins":[ [ "import", { "libraryName": "antd", // 这个"style": true默认是 阅读全文
posted @ 2021-12-09 20:10 天官赐福· 阅读(1103) 评论(0) 推荐(0)
摘要: notistack是React下Material UI框架的SnackBar(消息条)的高级用例,该用例能同时显示多个独立消息条,使用起来也非常简单。在全局初始化之后就可以在网页上任何需要的地方使用它,而不用为每个页面导入一个Material UI原生的消息条。 该用例是基于Material UI的 阅读全文
posted @ 2021-12-09 18:04 天官赐福· 阅读(963) 评论(0) 推荐(0)
摘要: 1.优点:贯彻React的everything in JS理念,降低js对css文件的依赖; 组件的样式和其他组件完全解耦,有效避免组件之间的样式污染 2.使用: 安装:npm install --save styled-components 代码: //创建一个样式组件,其渲染后为一个div co 阅读全文
posted @ 2021-12-09 17:38 天官赐福· 阅读(55) 评论(0) 推荐(0)
返回顶端