摘要：
1、父组件向子组件传值 父组件通过向子组件传递props， 子组件得到props后进行获取。 1、在父组件的render函数中return子组件 2、然后在标签中直接 属性名={属性值} 3、然后在子组件中直接通过 this.props.属性名 获取父组件传递过来的值即可 2、子组件向父组件传值 过 阅读全文
posted @ 2020-06-20 09:37
wangyfax
阅读(655)
评论(0)
推荐(0)
摘要：
概念： 1、在组件创建、加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为组件的生命周期。 2、组件生命周期的阶段： - 组件的创建阶段 特点是：创建阶段的生命周期函数在组件中，一生只执行一次。 》 componentWillMount: 1、 阅读全文
posted @ 2020-06-20 09:34
wangyfax
阅读(757)
评论(0)
推荐(0)
摘要：
引言： A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. CSS模块就是所有的类名都只有局部作用域的CSS文件。 CSS模块化： 1、webpa 阅读全文
posted @ 2020-06-20 09:30
wangyfax
阅读(1853)
评论(2)
推荐(0)
摘要：
一、内联样式的方式 第一种方式： 注意： 1、如果要使用style属性，为JSX语法创建的DOM元素设置样式，不能像网页中那样写，而是要用JS语法来写 2、外层的{}表示是JS代码；内层的{}是指用JS对象来表示 <div style={{border: "1px solid #ccc",margi 阅读全文
posted @ 2020-06-20 09:27
wangyfax
阅读(2534)
评论(0)
推荐(0)
摘要：
一、JS打包入口文件 main.js 1、代码 /* JS打包入口文件 */ //1、导入react包 import React from "react"; import ReactDOM from "react-dom"; import CommentList from "./components 阅读全文
posted @ 2020-06-20 09:23
wangyfax
阅读(4285)
评论(0)
推荐(0)
摘要：
function创建的组件 注意： 1、使用function构造函数创建的组件，内部没有state私有的数据， 只有一个props来接收外界传递过来的数据 2、使用function创建的组件叫做【无状态组件】 3、应用场景：如果一个组件只需要根据外界传递过来的props，渲染固定的页面结构， 此时非 阅读全文
posted @ 2020-06-20 09:19
wangyfax
阅读(1887)
评论(0)
推荐(0)
摘要：
创建组件： 1、使用class创建的类，通过extends关键字继承React.Component之后，这个类就是一个组件的模板了 注意： ① No `render` method found on the returned component instance you may have forgo 阅读全文
posted @ 2020-06-20 09:17
wangyfax
阅读(616)
评论(0)
推荐(0)
摘要：
组件创建方式一：在main.js里面定义 1、在React中，构造函数就是一个最基本的组件。 2、如果想要把组件放到页面中，可以把构造函数的名称当做组件的名称，以HTML标签形式引入 到页面中即可。 3、React在解析所有的标签的时候，是以标签的首字母来区分的，如果标签的首字母是小写，就 按照普通 阅读全文
posted @ 2020-06-20 09:15
wangyfax
阅读(471)
评论(0)
推荐(0)
摘要：
JSX语法介绍： 1、React官方提出了一套JSX语法规范，能够在JS文件中书写html代码 2、JSX(符合XML规范的JS语法)原理：在JS文件中书写JSX语法，但是在React中，JSX在内部运行的时候，也是先把 类似于HTML这样的标签代码转换为了React.createElement的形 阅读全文
posted @ 2020-06-20 09:14
wangyfax
阅读(438)
评论(0)
推荐(0)
摘要：
1、在react学习中，需要安装两个包react react-dom react这个包是专门用来创建React组件、组件生命周期等这些东西的 react-dom 里面主要封装了和DOM操作相关的包，要把组件渲染到页面上 2、安装 指令：cnpm i react react-dom -S 注意：- r 阅读全文
posted @ 2020-06-20 09:12
wangyfax
阅读(193)
评论(0)
推荐(0)
摘要：
虚拟DOM（Virtual Document Object Model） 1、DOM的本质：用JS表示的UI元素 2、DOM和虚拟DOM的区别： - DOM：是由浏览器中的JS提供的，所以我们只能人为的使用浏览器提供的固定的API来操作DOM对象 - 虚拟DOM：并不是由浏览器提供的，而是我们程序员 阅读全文
posted @ 2020-06-20 09:11
wangyfax
阅读(142)
评论(0)
推荐(0)
摘要：
组件化： 1、什么是模块化：从代码的角度去分析问题，把我们编程时候的业务逻辑，分隔到不同的模块中来进行开发，这样能够方便代码的重用。 2、什么是组件化：从UI的角度去分析问题，把每一个页面，拆分为一些互不相干的小组件，随着我们项目的开发，我们手里的组件会越来越多，最后，我们如果要实现一个页面，可能直 阅读全文
posted @ 2020-06-20 09:09
wangyfax
阅读(225)
评论(0)
推荐(0)
浙公网安备 33010602011771号