前端
文章平均质量分 70
Moden-cray
前端cray
展开
-
关于React的正确打开方式(四)插槽
React中的插槽在React中对于插槽的实现,就是当我们在一个组件标签内去插入dom的时候,React会自动将被插入的这段dom挂载在组件的props的children上,然后只需要在子组件内部调用this.props.children,React就会自动将被插入的dom渲染在组件上,而且我们需要知道的是,react会将被插入的dom段作为一个Array类型的数据挂载在组件的props的children上。父组件import React, { Component } from 'react'i原创 2022-04-09 15:25:08 · 649 阅读 · 0 评论 -
关于React的正确打开方式(三)非父子通信
非父子组件通信方式状态提升(中间人模式)也就是说,将多个组件需要共享的状态提升到他们最近的父组件上,然后互相通过父组件向对方传递props,从而实现非父子间的通信,这里的父组件也就起到了中间人的作用发布订阅模式实现数据的多级传递(context状态数传参)通过使用context机制进行数据的多级传递 ,在context机制当中需要在子组件内设置静态属性contextTypes,同时在其内部通过prop-types模块去设置需要多级传递的数据的数据类型。然后就是要在上层组件的内部设置有静态属性原创 2022-04-09 10:37:38 · 189 阅读 · 0 评论 -
关于React的正确打开方式(二)父子间通讯—子传父篇 持续更新中...
组件之间的通信(子传父篇)父子组件通信方式父传子----采用传递数据子传父----采用传递方法ref标记(父组件拿到子组件的引用,从而调用子组件的方法)子传父通信的描述我们通过前面的属性props知道了可以通过props来实现父组件对子组件的传值操作。但是在实际应用当中我们不止需要通过父组件向子组件进行传值,我们还存在子组件向父组件传值的场景。如何实现子组件向父组件传值:与父传子不同的是,父传子是通过props属性对节点的绑定实现的传值,也就是说,直接通过对props传递数据实现原创 2022-04-09 07:55:02 · 1127 阅读 · 0 评论 -
关于React的正确打开方式(一)
关于React的正确打开方式(一)原创 2022-04-08 10:32:09 · 3995 阅读 · 0 评论 -
webpack通俗指南(一)持续更新中
webpack通俗指南,真的蛮通俗的 持续更新中原创 2022-04-08 10:11:20 · 687 阅读 · 2 评论 -
ES6暴毙归纳(一)(持续更新中
ES6暴毙归纳(一)(持续更新中)let、const关键字let在块级作用域有效变量不能重复声明不会预处理,不存在变量提升const不能修改用于定义一个常量,声明的时候必须初始化在块级作用域有效,不能跨块访问,不能跨函数访问var、let、const 的区别var 定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。let 定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。const 用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问原创 2022-04-08 09:47:55 · 298 阅读 · 0 评论 -
关于ES5的暴毙归纳
关于ES5的暴毙归纳原创 2022-04-08 09:34:26 · 157 阅读 · 0 评论