牛先森家的博客

React项目配置axios和反向代理和process.env环境配置等

浅谈vue和react的框架的比较浅谈vue和react的框架的比较数据绑定组件化和数据流数据状态管理渲染和更新问与答浅谈vue和react的框架的比较从四个大方面进行浅谈比较：数据绑定、组件化和数据流、数据状态管理、渲染和更新数据绑定Vue 在数据绑定上采取了双向绑定策略，依靠Object.defineProperty (Vue 3.0 已迁移到 Proxy)及监听 DOM 事件实现 具体实现方法已经在前面剖析过了，简单来说就是，为了监听数据的改变，需要对数据进行拦截/代理；对于监听视图的改

安装React调试插件react developer tools进入 react-devtools 克隆下载 react-devtools进入 react-devtools 执行 git checkout v3 切换到分支 v3安装依赖 执行 npm --registry https://registry.npm.taobao.org install ，当然 npm i 也可以安装依赖成功后，可以打包一份扩展程序出来 执行命令 npm run build:extension:chro

react的代理配置react的代理配置第一种写在package.json中（不推荐）第二种 建立 setupProxy.js，注意必须是这个文件名react的代理配置第一种写在package.json中（不推荐）代码中使用3000的端口访问， 例如如下：// 创建并暴露Appexport default class App extends Component{ getData = () => { axios.get('http://localhost:3000/api/inf

React基础1. React入门1.1. React的基本认识1.2. React的基本使用1.3. JSX的理解和使用1.4. 几个重要概念理解1). 模块与组件2). 模块化与组件化2. react组件化开发2.1. 基本理解和使用2.2. 组件的3大属性: state2.2. 组件的3大属性: props2.2. 组件的3大属性: refs2.3. 组件中的事件处理2.4. 组件的组合使用2.5. 组件收集表单数据2.6. 组件的生命周期2.7. 虚拟DOM与DOM diff算法1). 虚拟DOM是

react之HookHookHookhook只能在函数组件中使用

使用antd框架 嵌套组件时报错解决：如果标签p嵌套 组件时，改为 div标签 嵌套

搞懂redux搞懂reduxredux原理redux使用redux工作流程redux应用react-redux搞懂reduxredux原理Redux 是一种新型的前端“架构模式”（Flux 架构的一种变种），它不关注你到底用什么库，你可以把它应用到 React 和 Vue，甚至跟 jQuery 结合都没有问题。Redux 的基本做法：用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。redux使用redux使用步骤引入redux import

react之高阶组件 HOC高阶组件 HOC（High Order Component）理解 HOC定义HOC在组件中使用 HOC应用高阶组件HOC自定义高阶组件HOC高阶组件 HOC（High Order Component）理解 HOC高阶组件是一个纯函数高阶组件的参数为组件，返回值为新组件高阶组件是一种设计模式，类似于装饰器模式纯函数：不对传入的参数进行修改，固定的输入并且有固定的输出 // 纯函数 function sum(a,b){ return a

1、改端口注意：默认端口是3000打开react项目的 package.json文件将 scripts中的start键值对 "start": "react-scripts start" 修改为"scripts": { "start": "set PORT=8082 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom"

React-routerReact-router前言介绍安装常用组件路由类型1、BrowserRouter2、HashRouter路由渲染方式RouteRedirectSwitch导航声明式导航LinkNavLink编程式导航获取history对象路由的Enter与Leave动态路由嵌套路由补充：声明式导航利用组件(Link或NavLink)属性实现路由跳转编程式导航利用路由提供的history对象实现路由跳转1、利用 < Route/> 渲染的组件 ，获取history对象2、利用 withR

基于react的todolist实现-划分组件多层次组件通讯1、props 逐层传递index.jsTodoForm.jsTodoContent.jsTodoItem.jsTodoState.js2、Context 组件共享myContext.jsindex.jsTodoItem.js注意点修改类组件中class的代码index.jsTodoForm.js注意点多层次组件通讯组件通讯：1、父子通讯：props；父组件操作：定义属性并传递数据子组件操作：函数组件：函数的第一个参数、类组件：this

基于react的todolist实现基于react的todolist实现组件是什么？代码如下解析其中的部分代码：基于react的todolist实现组件是什么？所谓组件，即封装起来的具有独立功能的UI部件，用来组合成更高级东西的物件，通俗来说，就是创建一个元素，组件有以下规范：组件名必须大写开头只能包含一个顶层标签1、函数组件（无状态组件、UI 组件）是一个纯函数，只用组件展示，组件只负责根据外部传入的 props 来展示，书写更简洁，执行效率更高（推荐）import React

基于webpack的react环境基于webpack的react环境准备一个react项目1、创建目录结构2、安装依赖安装依赖如下3、webpack配置entry（入口）output （输出）loader （加载器）plugins （插件）基于webpack的react环境使用react之后，才发现其实用webpack构建工具来写项目，应该是最为方便的，先来说说webpack是什么？本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。