
React
React
July twelve
这个作者很懒,什么都没留下…
展开
-
【React】当页面滚动时,判断某组件是否出现在屏幕中
当页面滚动时,判断某组件是否在屏幕中显示实现功能:通过嵌套该组件,当被嵌套组件显示在页面时,通过PubSub消息订阅传递给父组件封装组件import { useEffect, useRef } from 'react'import PubSub from 'pubsub-js' // 消息订阅/** * 检查当前组件是否在屏幕 * id -> 当前组件显示在屏幕时,通过消息订阅发送出去 * @param {*} props {id:'组件唯一键'} * @returns 组原创 2021-06-08 16:26:11 · 2411 阅读 · 0 评论 -
【React】监听当前路由,滚动显示遍历中的某组件
改组件是被渲染的组件,通过改变路由,可页面自动滚动至改组件显示import React, { useEffect, useRef } from 'react'import { withRouter } from 'react-router-dom'const App = props =>{ const oneself = useRef() // 自身,用于高度跳转 /** * 跳转指定高度 */ const toSpecifiesHeight = () => {.原创 2021-06-08 10:48:29 · 268 阅读 · 0 评论 -
【React】页面滚动指定位置
【React】页面滚动指定位置jsimport React, { Component } from 'react'import { Button } from 'antd'import style from './index.module.less'export default class Page extends Component { toLocation = () => { const dom = document.getElementById('div3')原创 2021-06-03 13:39:01 · 2337 阅读 · 0 评论