react简介
关注
分享
扫一扫
react简介
「已注销」
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
0.react使用简介目录
React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。也就是说，使用的前提是，需要对JavaScript本身需要有了解才行。1.开始吧，react1.1开始练习，ReactDOM.render1.2.2.在nodejs上，加油吧，react2.1相关资料：react中文官网：https://zh-hans.react...原创 2020-06-11 17:03:23 · 220 阅读 · 0 评论 -
1.1.开始练习，ReactDOM.render、jsx、React.createElement
1.最简单的开始：参考页面：https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html只需要添加三个相关的react库文件，就可以直接使用react了。<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script><s原创 2020-06-11 16:58:59 · 267 阅读 · 0 评论 -
1.2.组件component、生命周期
1.组件：组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。组件有两种创建方式，一是编写 JavaScript 函数，这是最简单的方式。而是ES6的class，继承React.Component，从而定义组件，这种方式更加好。1.函数式组件，无状态：案例代码：<!DOCTYPE html><html&g原创 2020-06-12 00:54:14 · 561 阅读 · 0 评论 -
1.3.jsx代码对象、组件对象
1.jsx与组件的关系可以由下图简单的表示jsx和组件之间的关系：可以明显的看出，在react中jsx代码和组件一样，其实质在经过转化之后都是一个对象。2.jsx对象以下是jsx对象的相关属性：1.key：<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <scr.原创 2020-06-12 15:25:06 · 441 阅读 · 0 评论 -
2.1.nodejs使用react的准备工作以及webpack配置
1.项目初始化随便创建一个用作练习的文件夹，将它初始化一个npm项目，方便对各种依赖的管理。输入以下命令（默认已经安装好nodejs）npm init -y会快捷地创建一个json文件，帮助管理依赖。如果没有这个文件的话，在后续删除依赖的时候，我有了删除依赖不完全的问题。2.开始安装相关依赖基本的react依赖：npm install react react-dom --save-dev基本的banel依赖（用以配置规则，转化jsx、js代码，可以兼容不支持es6的浏览器原创 2020-06-13 13:24:33 · 265 阅读 · 0 评论 -
2.2.0.在webpack中创建一个简单的react-router案例
0前提：在之前的一个react案例demo基础上进行react-router编写。（https://blog.csdn.net/weixin_47870554/article/details/106728510）1.准备:react-router是用作react处理路由跳转用的。个人理解，其作用就是，将路径和react组件联系在一起，访问那个路径的时候，将相关的组件渲染出来。需要npm安装react-router：npm install react-router react-route原创 2020-06-13 20:12:03 · 213 阅读 · 0 评论 -
2.2.1.react-router相关组件，API简介
0.前提：之前的演示，应该已经能大致地了解react-router地相关组件作用了。大致就是使用Router组件包裹Route组件，在Route组件中，使用path对应路径，component对应其他可以渲染出DOM节点的组件，将组件和路径绑定在一起，从而实现路由的功能。而以下是对其react-router-dom相关的组件地具体描述（都是我看官网，然后自己转化了一下，想要标准原版的话，可以去官网：https://reacttraining.com/react-router/core/guides/原创 2020-06-14 01:21:35 · 334 阅读 · 0 评论 -
2.3.0.redux的简单案例
0.前提：redux的作用是实现对复杂庞大数据的管理。需要npm安装react-redux：（安装的是[email protected]）npm install redux [email protected] redux-devtools --save-dev（因为我安装时的react-redux需要依赖[email protected]版本以前的，所以react-redux就改成了6.0.0版本的）在项目文件夹下面，创建一个demo.js，代码如下：const ReactR原创 2020-06-14 20:58:51 · 221 阅读 · 0 评论 -
2.3.3.react-redux的一个简单案例
0.前提：reudx只是单纯的对数据进行管理，数据与组件之间的交互，还需要手动地添加，所以，就有了react-redux的开始。相关依赖已经再redux的案例中下载好了。https://blog.csdn.net/weixin_47870554/article/details/106743677react-redux中的组件分为两类，一类是只处理数据和业务逻辑的容器，一类是只负责显示UI显示。1.简单的demo：代码如下：...原创 2020-06-15 01:19:14 · 239 阅读 · 0 评论