sinat_33184880的博客

安装 node-sassnpm i node-sass -D项目目录结构mixins.scss 文件// mixins.scss@mixin bg-image ($url) { background-image: url($url + '@2x.png'); background-size: 100%; background-repeat: no-repeat; ...

最近启动一个之前完成的React项目出现以下的错误TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:117:11) at Object.join (p...

1.package.json 添加homepage{ "homepage" : ".", "name": "myApp", "version": "0.1.0", "private": true, // ...}2.<BrowserRouter> 添加 basename项目不是放在域名的根目录，例如：www.abc.com/project/h5，...

React 没有提供类似 Vue <keep-alive> 缓存页面不销毁的功能。在 Github 上，有用户提了相关的 issues：can React support feature like keep-alive in Vue?但 React 的开发者认为新增“缓存页面”功能需要修改原有的代码，并且“缓存页面”容易造成内存溢出，他们并不推荐用户使用/依赖该功能，并给与了其他解...

参考博客 & 文档Redux 中文文档Redux 入门教程（一）：基本用法Redux 入门教程（二）：中间件与异步操作Redux 入门教程（三）：React-Redux 的用法1.storestore用于存放数据的中心// store/index.jsimport { createStore } from 'redux';import rootReduce...

1.安装// npm 安装npm install --save react-router-dom// yarn 安装yarn add react-router-dom --save2.BrowserRouter &HashRHashRouter<HashRouter>在url上会出现#，<BrowserRouter>则不会import R...

react-app-rewired 与customize-cra 配合，用于 create-react-app 构建的项目中添加 Webpack 配置yarn add customize-cra react-app-rewired --dev更换 package.json 中的 script 命令"scripts": { "start": "react-app-rewired...

1.Context（上下文）允许跨组件传值，解决多层嵌套时，逐层向下传值的问题创建 Context，设置默认值。在没匹配到 Provider 的情况下才会接收默认值// myContext.jsimport React from 'react'const user = { name: 'Jerry', age: 25， editName: () => {} /...

函数式组件使用hook，就可以跟class组件一样拥有state、生命周期import React, { useState, useEffect } from 'react'function Home() { let [ count, setCount ] = useState(0) useEffect(() => { console.log('初次挂载 o...

参考博客&文档： React 入门实例教程 React文档 1.理解JSX语法JSX语法允许 HTML与JS 混写，遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析2.JSX 插入变量const desc = 'React'class App extends Comp...

React中两种事件绑定方式// 1<div onClick={this.handle.bind(this)}>点击</div>handle () { // do something}// 2<div onClick={this.handle}>点击</div>handle = () => { // do som...

使用yarn作为包管理工具，安装yarnnpm i yarn -g安装项目所需的第三方包（使用antd要安装less与less-loader）yarn add react-router-dom axios less-loader less antd需要在webpack中配置less，在项目文件中暴露webpackyarn eject运行yarn eject可能出现问题...