- 博客(4)
- 收藏
- 关注
RSS订阅原创 React组件Input输入拼音时触发搜索的解决方案
在打造search组件时会经常使用到input组件，但这有一个就是当用户输入拼音时便触发搜索功能有时候这并不是我们想要的。假入有如下Input组件import React, { Component } from "react";export default class Input extends Component { onChange = (e) => { this.props.onChange(e.target.value); }; render()
2021-03-13 18:53:57
1537
原创 react使用forwardRef改造class类组件(TypeScript)
react的官网有js版的关于forwordRef改造类组件的示范这里不再过多赘述假设有如下类组件interface Props { value?: string; age?: number; onChange?: (value: string, e?: React.ChangeEvent<HTMLInputElement>) => void; inputRef:React.Ref<HTMLInputElement>}interface State
2021-01-28 11:08:41
3290
1
原创 window监听scroll事件失效，window.addEventListener(‘scroll‘,callback)
window监听scroll事件实效今天在写一个页面的时候需要监听页面的滚动代码书写格式如下window.addEventListener('scroll',callback)发现不管怎么弄callback 函数都无法执行后来问了部门的大佬才解决，现做一个记录解决办法如下{ height:100%; overflow:hidden;}将上面的css样式放于需要监听的页面的顶层父元素身上，然后在获取该父元素的dom，监听其滚动即可假如有如下dom页面 <div class
2020-12-08 21:30:09
6372
1
原创 React出现TypeError: Cannot read property ‘bind‘ of undefined 时，以及使用bind时点击事件未执行的解决方案
React出现TypeError: Cannot read property ‘bind’ of undefined 时，以及使用bind时点击事件未执行的情况今天我的一个朋友在做react时出现的一个错误，当然他才接触react没多久出现的错误的地方如下：先解释下为什么会出现这个错误，因为函数执行是有一定的优先级的，当你点击事件的时候其实是先执行的this.handleClick() 这个函数，而这个函数没返回值，所以执行完成后返回undefined,这时候在执行this.handleClick(
2020-11-07 10:47:44
6479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人