![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React入门
文章平均质量分 68
以案例为牵引,学习React的基础知识,打牢基础。
Destiny157
这个作者很懒,什么都没留下…
展开
-
React—收集表单数据
想实现如下效果,在表单中输入用户名和密码,点击按钮之后,弹窗显示刚刚用户输入的内容。onSubmitthis</</实现效果:页面中所有输入类的DOM都是现用现取。原创 2023-08-02 17:33:31 · 163 阅读 · 1 评论 -
[React07]组件实例核心属性之一refs
想实现如下效果:在左侧输入后,点击中间按钮,提示左侧输入的内容;在右侧输入框输入后,鼠标点击其他位置,则提示出右边输入框的内容。先写好基础的静态页面</</原创 2023-08-02 09:42:57 · 122 阅读 · 1 评论 -
[React06]组件实例核心属性之一props
是否写构造器、构造器中是否接收props、是否传递给super,取决于是否希望在构造器中通过this访问props。但是想给name、age以及sex加上规则,要使用propsTypes。要先引入props-types.js,用于对组件标签属性进行限制。因此修改代码,将属性通过props进行传递,实现效果也没有变化。但是东西很多时,还是希望能批量传过来,可以使用…首先新建一个页面,完成符合格式的静态页面的编写。注意props是只读不改的。现想将props写法简化。学习React笔记【自用】原创 2023-08-01 16:44:45 · 74 阅读 · 0 评论 -
[React05]组件实例核心属性之一状态state
上一节介绍,组件分为函数式组件和类式组件,但是状态这一属性是组件实例的,而只有类式组件才能被实例化,因此是针对类式组件来说的。原创 2023-07-31 10:45:11 · 56 阅读 · 0 评论 -
[React04]React中函数式组件、类式两种组件的定义和使用
简单回顾类的定义及使用//构造器方法 constructor(name , age) {} //一般方法 speak() {//若识别不出来,可以用键盘左上角的反引号!console . log(` 我叫 ${ this . name } ,我的年龄是 ${ this . age } `);//构造器方法 constructor(name , age) {} //一般方法 speak() {//若识别不出来,可以用键盘左上角的反引号!原创 2023-07-27 16:19:07 · 106 阅读 · 1 评论 -
两种方式安装React开发者工具
注意:只适合在Google Chorme里安装。原创 2023-07-26 20:57:46 · 583 阅读 · 1 评论 -
【React03】JSX语法及练习
7、标签首字母,若是小写字母开头,则将标签改为html的同名标签,若html中无该标签,则会在浏览器中报错;若是大写字母开头,React就去渲染对应的组件,若组件没有定义,则报错。现想继续在hello React下面再加一个h1,但直接写会整段爆红出错,原因是不允许出现多个根标签,因此,把他们包在一个div里即可解决。第一层大括号表示要写js的表达式,里层大括号表示不是要写函数、数组,是要写一个对象。现又更改需求,将h2赋一个样式,按照之前的html写法,需要在h2中加上class,这么写的效果如下。原创 2023-07-14 20:57:45 · 66 阅读 · 1 评论 -
[React01]React基础讲解以及HelloReact案例
React基础学习原创 2023-07-14 09:44:25 · 65 阅读 · 1 评论 -
【React02】虚拟DOM的两种创建方式及比较
主要介绍React虚拟DOM的两种创建方式及优缺点比较原创 2023-07-14 16:20:13 · 65 阅读 · 1 评论