LaoShiRen的博客

React.js个人认为自己的前端知识体系不够完整，想接着疫情和找工作的时间里学习一下React.js。至于为什么选择React.js，因为Vue.js在3.0要转向Typescript了，学Vue也是学，学React.js也是学。而且我个人更加看好React.js，所以个人在这段时间内会以博客形式更新个人学习的进度。什么是React.js?React是Fackbook开发的JS库特...

jsx今天开始学习jsx什么是jsxReact 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。我们不需要一定使用 JSX，但它有以下优点：JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的，在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。基本语法...

react 数组map()循环react数组渲常用map()镜像数据渲染<script type="text/babel"> var arr = ["react", "vue", "java", "golang"]; let dom = (<div> { arr.map((item, index) =>...

组件Component组件和props的基础使用组件是什么？把逻辑精密的内容放在一个组件中，把不同组件的依赖关系弱化，每个组件尽可能独立组件的重要内容组件当中的构建方式组件内的属性生命周期react的组件氛围3个部分分别是属性props，状态state和生命周期，react的组件是一个非常重要的概念，通过组件可以把页面的UI部分分割成独立高复用性的部件，让每一个...

state什么是statestate 是状态state和props的区别props是组件对外部的接口，如果子组件需要使用父组件的数据就可以通过props来进行数据传递，state是组件对内的接口，组件自身可能有需要管理的数据，对管理数据的 属性就是state如果需要使用state 不能使用无状态组件class MyComponent extends React.Component {...

开始学习react脚手架去做项目了脚手架create-react-app 是facebook推出一款react的脚手架安装npm i -g create-react-app# 或者使用镜像npm i -g create-react-app --registry=https://registry.npm.taobao.org#查看版本create-react-app --versi...

组件传值父向子组件传值和本地模式一样使用props传递数据子组件向父组件传值首先我们在父组件定义一个传递的props，叫fuFun，这个其实是一个函数调用自己定义的dataFun<News user = {user} fuFun = {this.dataFun}/>父组件完整代码import React, { Component } from "react";i...

数据请求live-server什么是live-serverlive-server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。所以这个就当做我们的mock的服务安装npm的安装方式（推荐）npm i -g l...

路由路由根据url的不同切换对应的组件实现spa 单页应用，更加接近于原生体验下载npm i --save react-router-dom路由分为2中 react-router和react-router-dom，第一种只提供了核心api路由模式hash模式-> HashRouter 刷新的时候页面不会丢失 带#号Brower模式->BrowserRouter 通...

使用react + AntDesign 开发一个后台dashboard 项目效果图 – 2020年03月16日17:30:48说明该项目适合入门级玩家，只需要在views添加自己的页面,然后在routes添加对应的路由即可。所有请求需要经过./src/api/request.js发起，请求需要发送一个access_token，该access_token在登录过程中会保存。开发环境n...