![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 63
初学react,从基础知识到项目实战,都会记录到csdn中,欢迎大家讨论,指点
摇摇奶昔x
这个作者很懒,什么都没留下…
展开
-
react antd label 换行
【代码】react antd label 换行。原创 2022-12-30 15:55:50 · 425 阅读 · 0 评论 -
react ts hot update was not successful
路过的大佬有没有遇到这个问题的?原创 2022-04-19 17:05:13 · 505 阅读 · 4 评论 -
当接口数据没有值,.length 会报错,可以使用 && 或者 ?解决
一、&&data && data.list && data.list.length-1二、?原创 2021-09-22 13:55:15 · 329 阅读 · 0 评论 -
react 几种传值方式
react 传值几种方式大概:propscontextreduxreact-router 路由切换时通过url传值(少量非机密数据,其实也是props传)。一、父组件传给子组件父组件通过props传递给子组件;//父组件中<Child data={[1,2,3]} />//子组件中console.log(this.props.data);二、子组件传给父组件父组件通过props向子组件传入一个方法,子组件在通过调用该方法,将数据以参数的形式传给父组件,父组件可以在该方法转载 2021-09-14 16:27:12 · 1288 阅读 · 0 评论 -
高阶组件(HOC)
高阶组件(HOC)是 React 中用于复用组件逻辑的一种技巧。高阶组件是: 参数为组件,返回值为新的组件 的一个函数组件是 : 将 props 转换为 UI,而高阶组件是将组件转换为另一个组件。一个高阶组件只是一个包装了另外一个 React 组件的 React 组件。形式通常实现为一个函数,本质上是一个类工厂(class factory)『包装』可以指两件事情:属性代理(Props Proxy):高阶组件操控传递给 WrappedComponent 的 props,反向继承(Inhe转载 2021-09-14 16:15:42 · 521 阅读 · 0 评论 -
3. class组件其他api
class组件其他api错误处理1.static getDerivedStateFromError()2.componentDidCatch(error, info)其他APIs :1.setState(updater, [callback])2.forceUpdate(callback)class 属性实例属性1.props2.state错误处理Error boundaries 仅捕获组件树中以下组件中的错误。但它本身的错误无法捕获。当渲染过程,生命周期,或子组件的构造函数中抛出错误时,会调用如下方法原创 2021-09-01 16:33:54 · 99 阅读 · 0 评论 -
2. React.Component class组件的生命周期API
class式组件的生命周期API定义class组件class组件的生命周期-分为3大部分挂载 -> (Mount):组件第一次在DOM树中渲染1.constructor(props)2.render()3.componentDidMount()更新 -> (update):组件更新,重新渲染1.static getDerivedStateFromProps(props, state) 不常用2.shouldComponentUpdate(nextProps, nextState) 不常用3.g原创 2021-09-01 16:03:36 · 428 阅读 · 0 评论 -
1. react 函数式组件 class组件 1
组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。文章目录函数式组件class式组件自定义组件接受父级传来的属性Props 只读性state局部私有属性(完全受控于当前组件)使用Props实现一个时钟在class组件中使用局部属性state将生命周期添加到class组件中正确的使用state setState()数据是向下流动的函数式组件原创 2021-09-01 11:19:54 · 695 阅读 · 0 评论