
react
new_liu
这个作者很懒,什么都没留下…
展开
-
REACT Hooks
官方介绍:Hook是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。注意事项:1. 只能在函数最外层调用Hook,不要再循环、条件判断或者子函数中调用2. 只能在React的函数组件中调用Hook,不要在其他JS函数中调用useState通过在函数组件中调用它来给组件添加一些内部state,React会在重复渲染时保留这个stateuseState唯一的参数就是初始stateuseState会返回一对值.原创 2020-06-23 11:29:11 · 179 阅读 · 0 评论 -
Antd DatePicker 只允许选择当前时间之后的时间 包括时分秒
需求:选择当前时间之后的时间1.隐藏“此刻”按钮这里用的css隐藏,没找到更好的办法。。前提--设置日期组件的属性:dropdownClassName="hideNow" .hideNow{ .ant-picker-now-btn{ display:none !important; }}2.只允许选择当前时间5分钟之后的时间import moment from 'moment';let disabledDate = (current:a...原创 2020-06-06 17:05:17 · 7955 阅读 · 4 评论 -
高阶函数和高阶组件
如果一个函数操作其他函数,即将其他函数作为参数或将函数作为返回值,将其称为高阶函数。高阶组件(high-order component)类似于高阶函数,接收组件作为输入,输出一个新的组件。实现高阶组件的方法有如下两种。属性代理(props proxy)。属性组件通过被包裹的 React 组件来操作 props。 反向代理(inheritance inversion)。高阶组件继承于被...原创 2019-11-21 14:29:05 · 437 阅读 · 0 评论 -
react状态
state注意事项:不能直接this.state = xx修改,必须用this.setState({xx : xx}) 因为setState做了两件事:1.修改状态 2.重新renderthis.setState原理:this.setState({number:this.state.number+1})//等价于:Object.assign(this.state,{numb...原创 2019-11-07 17:25:55 · 122 阅读 · 0 评论 -
react虚拟dom浅析
//说明/** * ReactDOM.render( * <h1>Hello, world!</h1>, * document.getElementById('root') * ); * babel转译之后 * ReactDOM.render(React.createElement("h1", null, "Hello, world!"), * do...原创 2019-11-07 14:57:04 · 178 阅读 · 0 评论