fang.lovest.yang的博客

3.npm install 安装所有依赖。4.npm run start 启动项目。1.svn地址 拉下来项目文件夹。2.vscode 打开文件夹。

react context

react Fragment

react三种常见hook

1.运行打包命令，生成build文件夹 npm run build2.放到应用服务器打包生成的build文件夹放到Web 应用服务器，然后就可以访问页面。Web应用服务器可是是tomcat jetty等，也可以使用serve库，serve可以运行应用服务器，然后以指定文件夹作为应用服务器根目录。serve库使用1）全局安装 serve npm i serve -g2）命令行中进入指定文件夹运行serve命令，此时便以此文件...

思考以下的面试题下面程序输出是什么？为什么？import React from "react";export default class App extends React.Component { state = { count: 0 } increment = () => { console.log('increment setState前的count', this.state.count) t...

拉勾《深入浅出搞定 React》笔记心得。下面这句话课程老师说的，很有道理。格物致知。 在我的读者中，不少人在“What”和“How”这两个环节做得都不错，但是却疏于钻研背后的“Why”。其实这三者是相辅相成、缺一不可的：当我们了解了具体的“What”和“How”之后，往往能够更加具象地回答理论层面“Why”的问题；而我们对“Why”的探索和认知，也必然会反哺到对“What”的理解和对“How”的实践。...

需求Input组件的value值需要使用父组件props传过来的属性值，Input有需要可以实时修改，如何实现

0.效果 实现了文件上传，删除，查看。查看功能是使用一个iframe打开一个上传文件之后，后端返回的网页。1.安装相关库（1）官网下载JS文件，下载 - Web Uploader 下载的JS文件中包含各个版本的webuploader，可以按需引入。本项目仅需使用到的源文件为webuploader.css，webuploader.js、Uploader.swf（2）js源文件放在react项目public目录下，然后in...

问题react路由通过state传参 父组件中state参数改变子组件无法接收到实时参数父组件 点击按钮，父组件state状态改变，路由子组件接收到的参数没有改变，子组件仅有第一次初始化的值。import React, { Component } from 'react'import { Button } from 'antd';import 'antd/dist/antd.css'import { Route, Redirect, Link, Swit...

1. redux理解学习文档 1）英文文档: Redux - A predictable state container for JavaScript apps. | Redux2）中文文档: Redux中文文档3）Github: GitHub - reduxjs/redux: Predictable state container for JavaScript appsredux是什么1）redux...

1.流行的开源React UI组件库 前端框架ui库最多的是vue，然后是react，然后是angular。material-ui(国外)官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-uiant-design(国内蚂蚁金服) 使用量最大官网: Ant Design - 一套企业级 UI 设计语言和 ...

1.SPA理解单页Web应用（single page web application，SPA）。即一个项目仅一个html页面，html上的内容可以数据发生变化。 整个应用只有一个完整的html页面，但是多组件。简记：单页面、多组件 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。2.路由理解什么是路由?（1）一个路由就是一个映射关系(key:value).。比如 浏览器地址栏 http://ip:port/home 那么

一、项目效果图 项目思路：可以将如下页面划分为Search、List两个组件，App组件用来组合两个组件。 项目难点：跨域、Bootstrap框架引用二、编写各个组件，明确各个组件返回的html以及各个组件的css样式1.自编css位置 放在src/components目录下，各个组件的文件夹内；组件内使用时直接import即可import './App.css'2.第三方的css 放在public/css目录下；使用时在index.html...

一、基础说明前置说明React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装)常用的ajax请求库jQuery: 比较重, 如果需要另外引入，不建议使用。react的核心就是减少dom操作，仅操作数据，然后更新到dom。jquery库大，比较重，且主要来操作dom，故不适用react中。 axios: 轻量级, 建议使用。可以专门学习这个课程 ...

1.脚手架简介xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化2.脚手架搭建步骤第一步，全局安装：np.

一、React是什么首先react是Facebook家出的一个开源的js库一个声明式的可以动态构建界面的js库声明式编码、组件化编码、高效、单向数据流二、jsx是一种js的语法扩展是react提供的一种语法糖全称是 javascript xml便捷快速创建一个react虚拟DOM对象三、react组件的创建方式第一种，通过function来创建无状态的组件，这样创建的组件中this为undefined第二种，通过es6中class来创建复杂的组件，this为该组件的实例，有

1.react项目搭建1）搭建react项目有两种：html中引入react和脚手架搭建react2）react组件分为两种，函数式组件和类式组件3）参考：React.js下载与使用react JS文件CDN地址React官网找到CDN连接React 官方中文文档 – 用于构建用户界面的 JavaScript 库或者bootcdn查找cdn地址 引入react可以直接指定cdn地址，也可以在浏览器输入下面地址下载保存为本地js然后html中引入。<scri...

学习资料1.哔哩哔哩 学习者的天堂 ，搜索课程：尚硅谷2021版React技术全家桶全套完整版2.React官网查看使用帮助3.Ant Design 和Ant Design Pro