搜索结果
查询Tags标签： react，共有 922条记录-
【学习打卡】第4天 React Hooks学习
课程名称：RN入门到进阶，打造高质量上线App(2022全新升级) 课程章节：2-10 React Native Hooks开发指南 主讲老师：CrazyCodeBoy 课程内容：今天学习的主要内容包括：react hooks入门，学习编写react hooks组件。 课程收获： 学会编写React Hooks组件 上次学习了用class来…
2022/8/17 4:22:53 人评论 次浏览 -
JSX简介
两组组件定义类组件(class组件)特点：用ES6面向对象语法，有生命周期，有this,有state，有上下文，有ref，永远不能使用Hooks. 缺点：相对函数组件，类组件性能相对较差。class A extends Component {constructor (props) {super(props)// 定义声明式变量this.state = {nu…
2022/8/11 23:28:34 人评论 次浏览 -
react实战 系列 —— React 的数据流和生命周期
其他章节请看： react实战 系列数据流和生命周期 如何处理 React 中的数据，组件之间如何通信，数据在 React 中如何流动？ 常用的 React 生命周期方法以及开源项目 spug 中使用了哪些生命周期方法？ 数据和数据流 虽然也有很多静态网站，但人们使用的大多数网站都充满了随…
2022/8/11 23:28:30 人评论 次浏览 -
从 React 原理来看 ahooks 是怎么解决 React 的闭包问题的？
本文是深入浅出 ahooks 源码系列文章的第三篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文来探索一下 ahooks 是怎么解决 React 的闭包问题的？。 React 的闭包问题 先来看一个例子： import React, { useState, useEffect } from "…
2022/8/11 23:23:17 人评论 次浏览 -
【学习打卡】第5天
打卡笔记课程名称：前端校招面试攻略，无惧层层考核，实现Offer零距离课程章节： 第5章 前端框架之react全家桶面试题主讲老师：freemen课程内容：今天学习的内容包括：React父子组件之间如何实现通信课程收获在 React 中，父子组件的通信是常见的问题，除了使用状态管理工…
2022/8/7 4:22:43 人评论 次浏览 -
前端在线Sheet文档技术解析
什么是在线文档 一般来说，我们在PC端使用的微软Excel即是一个很强大的本地文档软件，而所谓“在线”，就是把这些功能移植到浏览器端，当然也包括移动web，小程序，Android或者iOS应用中，和本地最大的不同是在线文档除了基本的文档编辑操作之外，还加入了“协同”功能，…
2022/7/30 4:22:44 人评论 次浏览 -
react的bug记录
input在输入时，控制台出现 warning意思是： Input 组件从一个非受控组件变成了一个受控组件。 造成这个问题的原因是：初始化时，Input 组件的value值为undefined。 所以，要解决该问题，我们只要在初始化时，Input 组件的value值为undefined时赋值一个空字符串即可。<…
2022/7/26 23:26:20 人评论 次浏览 -
react项目引用json动画的实现
安装：npm install --save react-lottie 实现：import { Component } from "react"; import ReactDOM from react-dom import Lottie from react-lottie; import animationData from ./images/云_bmp.jsonclass App extends Component { constructor(props) {su…
2022/7/26 6:52:51 人评论 次浏览 -
react项目中引入json文件图片找不到路径问题
在react项目中引入json动画，发现图片路径找不到 打开json文件解决方案：把u删掉，p改成网络地址或者base64
2022/7/26 6:52:43 人评论 次浏览 -
React报错Warning: Can't perform a React state update on an unmounted component.
在React开发中，这样的报错会经常遇到：Warning: Cant perform a React state update on an unmounted component. 原因就是报错中所说：无法对已卸载的组件执行react状态更新。 假设现在我们正在A页面调接口请求数据，请求成功后setState()更新数据，这是没有问题的。 但…
2022/7/25 23:22:53 人评论 次浏览 -
蒋宏伟：小程序、Flutter 和 RN 原理对比
本文地址目录 目录目录小程序、Flutter 和 RN 原理对比作者简介小程序FlutterReact Native总结 小程序、Flutter 和 RN 原理对比原文：跨端的机遇：小程序、Flutter 和 RN 原理对比 版权：极客时间课程：《React Native 新架构实战课》 基于小程序技术栈的微信客户端跨平台…
2022/7/25 1:52:51 人评论 次浏览 -
试着换个角度理解低代码平台设计的本质
本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：低代码平台核心的底层逻辑是什么？为何常见低代码平台都包含“控件区”、“布局区”…
2022/7/21 4:23:43 人评论 次浏览 -
React父子组件传值
一、父组件向子组件传值 1.父组件中定义要传的值import React, { Component } from "react" import "./assets/css/app.css" // 引入组件A import ComentA from "./components/ComentA"class App extends Component {constructor(props) {s…
2022/7/20 23:25:16 人评论 次浏览 -
初始化React项目【TS+hooks】
首先： npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry 安装React 【请事先安装好node】 npm i -g create-react-app 【不指定版本就是安装最新版本】 安装完成之后使用 npm info react 查看当前…
2022/7/17 6:15:05 人评论 次浏览 -
【React】十、组合 vs 继承
有些组件无法提前知晓它们子组件的具体内容。在 Sidebar（侧边栏）和 Dialog（对话框）等展现通用容器（box）的组件中特别容易遇到这种情况。我们建议这些组件使用一个特殊的 children prop 来将他们的子组件传递到渲染结果中： function FancyBorder(props) {return (&l…
2022/7/15 23:25:07 人评论 次浏览
