摘要：
一、受控组件 受控组件，简单来讲，就是受我们控制的组件，组件的状态全程响应外部数据 举个简单的例子： class TestComponent extends React.Component { constructor (props) { super(props); this.state = { us 阅读全文
posted @ 2021-08-06 15:52
喆星高照
阅读(277)
评论(0)
推荐(0)
摘要：
一、类组件 类组件，顾名思义，也就是通过使用ES6类的编写形式去编写组件，该类必须继承React.Component 如果想要访问父组件传递过来的参数，可通过this.props的方式去访问 在组件中必须实现render方法，在return中返回React对象，如下： class Welcome e 阅读全文
posted @ 2021-07-27 12:18
喆星高照
阅读(997)
评论(0)
推荐(0)
摘要：
一、是什么 Refs 在计算机中称为弹性文件系统（英语：Resilient File System，简称ReFS） React 中的 Refs提供了一种方式，允许我们访问 DOM节点或在 render方法中创建的 React元素 本质为ReactDOM.render()返回的组件实例，如果是渲染组件 阅读全文
posted @ 2021-07-27 12:13
喆星高照
阅读(387)
评论(0)
推荐(0)
摘要：
一、是什么 首先，给出react组件中进行列表渲染的一个示例： const data = [ { id: 0, name: 'abc' }, { id: 1, name: 'def' }, { id: 2, name: 'ghi' }, { id: 3, name: 'jkl' } ]; const 阅读全文
posted @ 2021-07-27 10:26
喆星高照
阅读(391)
评论(0)
推荐(0)
摘要：
一、是什么 我们将组件间通信可以拆分为两个词： 组件 通信 回顾Vue系列的文章，组件是vue中最强大的功能之一，同样组件化是React的核心思想 相比vue，React的组件更加灵活和多样，按照不同的方式可以分成很多类型的组件 而通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目 阅读全文
posted @ 2021-07-26 16:52
喆星高照
阅读(1019)
评论(1)
推荐(2)
摘要：
一、是什么 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式 在React中，一个类、一个函数都可以视为一个组件 在Vue系列中，我们了解到组件所存在的优势： 降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、 阅读全文
posted @ 2021-07-26 09:13
喆星高照
阅读(275)
评论(0)
推荐(0)
摘要：
一、是什么 在react应用中，事件名都是用小驼峰格式进行书写，例如onclick要改写成onClick 最简单的事件绑定如下： class ShowAlert extends React.Component { showAlert() { console.log("Hi"); } render() 阅读全文
posted @ 2021-07-23 14:16
喆星高照
阅读(1895)
评论(2)
推荐(1)
摘要：
一、是什么 React基于浏览器的事件机制自身实现了一套事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等 在React中这套事件机制被称之为合成事件 合成事件（SyntheticEvent） 合成事件是 React模拟原生 DOM事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器 阅读全文
posted @ 2021-07-23 10:21
喆星高照
阅读(561)
评论(0)
推荐(0)
摘要：
一、是什么 一个组件的显示形态可以由数据状态和外部参数所决定，而数据状态就是state 当需要修改里面的值的状态需要通过调用setState来改变，从而达到更新组件内部数据的作用 如下例子： import React, { Component } from 'react' export defaul 阅读全文
posted @ 2021-07-23 10:09
喆星高照
阅读(273)
评论(0)
推荐(0)
摘要：
一、ES6类 在ES6中，通过extends关键字实现类的继承，方式如下： class sup { constructor(name) { this.name = name } printName() { console.log(this.name) } } class sub extends su 阅读全文
posted @ 2021-07-23 10:02
喆星高照
阅读(335)
评论(0)
推荐(0)
浙公网安备 33010602011771号