react值得推荐的组件

本是古典何须时尚 2023-05-31 06:40 72阅读 0赞

*  获取url参数：query-string

引用
    import queryString from 'query-string';
    实际使用
    // url is 'https://www.example.com/user?id=123&type=4';
    let url = this.props.location.search;//this.props.location.search只能用于获取链接中没有#号的链接?及其后面的内容。如果链接中有#，推荐使用const url = window.location.href.split("?")[1];
    let params = queryString.parse(url);
    console.log(params);
    // The result will be like below
    // { id: 123, type: 4 }
    // other code

*  判断是否滑到页面底端：react-visibility-sensor

import React, { Component } from "react";
    //引入
    import VisibilitySensor from "react-visibility-sensor";
    import CircularProgress from "@material-ui/core/CircularProgress";
    class App extends Component {
      render() {
        return (
          <VisibilitySensor onChange={this.loadMorePage}>
            <CircularProgress className={this.props.progress} />
          </VisibilitySensor>
        )
      }
    }
    export default App;

上面的代码能够实现，滑动到底部的时候有一个旋转的进度条

*  获取时间：dayjs

类似于moment，但是比较轻量级

发表评论取消回复

表情：

评论列表（有 0 条评论，72人围观）

还没有评论，来说两句吧...

相关阅读

相关关于python值得推荐的书

在 Python 领域，有很多值得推荐的书籍，它们能够帮助你更好地学习和理解这门编程语言。这里列出了几本比较受欢迎的书籍： 1. 《Python 入门教程》：这本书是 Py

悠悠/ 2024年03月25日 15:12/ 0 赞/ 135 阅读

相关 React 的七个值得推荐的动画库

今天，Web 应用程序用户界面有许多吸引用户的元素，为了满足这些需求，开发人员不得不寻找新的方法来实现带有动画和过渡的 UI，因此，开发了专门的库和工具来处理 Web 应用程序

系统管理员/ 2024年03月24日 23:20/ 0 赞/ 153 阅读

相关 React的组件学习

React的组件学习参考资料：https://zh-hans.react.dev/learn/your-first-component 一、定义组件 e

╰半夏微凉°/ 2024年02月20日 11:11/ 0 赞/ 94 阅读

相关值得推荐的Idea优秀插件

值得推荐的Idea优秀插件（持续更新） 1、FindBugs Idea自带的检查工具已经很强大，如有需要也可以加上Alibaba Java Coding Guidelin

朱雀/ 2023年06月19日 02:27/ 0 赞/ 267 阅读

相关 react值得推荐的组件

获取url参数：query-string 引用 import queryString from 'query-string'; 实际使用

本是古典何须时尚/ 2023年05月31日 06:40/ 0 赞/ 73 阅读

相关 React_react如何定义组件

.html <div id="example"></div> 1.无状态组件定义 //组件首字母大写 function Mycom(props

川长思鸟来/ 2023年02月13日 00:22/ 0 赞/ 107 阅读

相关 Windows值得推荐的桌面管理软件

资源管理器必备Clover 装上以后自动和资源管理器整合，从此资源管理器也像chrome一样支持标签页了，并且快捷键也一样，比如ctrl+w关闭页面，crtl+t新

蔚落/ 2022年07月21日 00:20/ 0 赞/ 559 阅读

相关推荐5个值得学习React Native的开源项目

读源码是最好也是最有效的提升自身编码能力的方式，特别是当该项技术比较新然后它的标准还在不停改进的时候。 [ReactNatve][] 就是其中一个。它的API随着每次发布还在持

痛定思痛。/ 2022年07月08日 14:27/ 0 赞/ 1422 阅读

相关值得推荐的React Native学习资料

转：值得推荐的React Native学习资料　[https://github.com/reactnativecn/react-native-guide][https_gith

绝地灬酷狼/ 2022年03月06日 07:05/ 0 赞/ 388 阅读

相关疯狂的石头,不错的片子,值得推荐!

刚开始看就觉得有问题,带着重庆四川味道的方言,但是里面的幽默又不需要你是重应人才明白; 本人记忆里不好,里面的精彩对白也没记得住,不是说片子不好;要不然列两个记录下来,算了

你的名字/ 2022年02月22日 12:44/ 0 赞/ 279 阅读