随笔分类 - react
摘要：https://blog.csdn.net/weixin_42924369/article/details/125071023
阅读全文
摘要：https://blog.csdn.net/qq_36990322/article/details/109858890 1. 函数式和hooks写法 其实下面的缺点基本不算缺点了，因为函数式写法，下面算是简单的了。使用forwardRef只会让你的组件定义的更复杂 优点：1、写法简单易懂2、假如子组
阅读全文
摘要：Route 是 React Router中用于配置路由信息的组件，每当有一个组件需要根据 URL 决定是否渲染时，就需要创建一个 Route。 1) path 每个 Route 都需要定义一个 path 属性,path 属性是一个url，当 URL 匹配一个 Route 时，这个 Route 中定义
阅读全文
摘要：组件将要挂载 组件挂载完毕 组件将要更新 组件更新完毕 生命周期流程(旧) 1 import Children from './Children' 2 export default class Left extends Component { 3 constructor(props) { 4 sup
阅读全文
摘要：使用柯里化： 1 state = { 2 username: "", 3 password: "", 4 }; 5 render() { 6 return ( 7 <div> 8 <form action="" onSubmit={this.handleSub}> 9 姓名： 10 {/*因为onc
阅读全文
摘要：非受控组件：随用随取 1 render() { 2 return ( 3 <div> 4 <h1>非受控组件</h1> 5 <form action="" onSubmit={this.handleSub}> 6 姓名：<input ref={(e) => {this.username = e}}
阅读全文
摘要：https://zh-hans.reactjs.org/docs/refs-and-the-dom.html 字符串形式ref 1 <input ref="myinput" type="text" placeholder="字符串形式的ref" /> 2 <button onClick={this.
阅读全文
摘要：什么是prop-types？prop代表父组件传递过来的值，types代表类型。简单来说就是用来校验父组件传递过来值的类型 propTypes用来规范props必须满足的类型，如果验证不通过将会有warn提示。 React PropTypes的种类有 1 React.PropTypes.array
阅读全文
摘要：类的理解 1 // 创建一个person类 2 class Person { 3 /* */ 4 // 构造器方法 5 constructor(name, age) { 6 // this指向 => 类的实例对象 7 this.name = name; 8 this.age = age; 9 } 1
阅读全文
摘要：1. 正常运行 npm run eject 暴露项目的配置文件 (前三个步骤可省略，最好的是按照第四步操作) 在config/webpackDevServer.config文件下，大概在104行 1 proxy: { 2 '/api': { 3 target: 'https://i.news.qq.
阅读全文
摘要：react中兄弟组件传值常规操作一般是，A组件传给父组件，父组件再传给B组件 非常规操作 利用 pubsub-js 在Home组件内调用 PubSub.publish("第一个参数是事件名", 第二个参数是要传递的数据); 1 import React, { Component } from 're
阅读全文
摘要：组件间通信： React中，数据是从上向下流动的，也就是一个父组件可以把它的 state/props通过props传递给它的子组件，但是子组件，不能修改props，如果组件需要修改父组件中的数据，则可以通过回调的方法来完成， 说白了就是子组件想要修改父组件的值，就是在父组件调用子组件的地方，传递一个
阅读全文
摘要：https://reactjs.bootcss.com/docs/hooks-intro.html 1. react的函数式组件和class类组件的区别，class类组件具有私有数据和生命周期函数，而函数式组件没有，但是react为函数式组件提供了Hook函数，让原本不具备私有数据和生命周期的函数式
阅读全文
摘要：作用： 高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. 把不是通过路由切换过来的组件中，将react-router 的 history、locat
阅读全文
摘要：react-router与react-router-dom的区别 react-router: 实现了路由的核心功能 react-router-dom: 基于react-router，加入了在浏览器运行环境下的一些功能，例如： Link组件，会渲染一个a标签，Link组件源码a标签行; Browser
阅读全文
摘要：create-react-app脚手架创建的项目有sass配置项，使用的时候只需要装包即可，下面是less使用的方法 由于 create-react-app 脚手架中并没有配置关于 less 文件的解析，所以我们需要自己进行配置。需要安装的插件 less， less-loader。 1、安装less
阅读全文
摘要：前言：首先掌握 构造函数，原型，原型对象，class类，class类的继承的概念 一，概念 1. react 如何实现组件化 react中有组件化的概念，但是，并不像是vue这样的组件模板文件，react中，一切都是以js来表现的 es6和es7 2. react 核心概念 虚拟dom：用js对象的
阅读全文
摘要：首先 super() 是在 es6的class（类）的方法创建组件出现 下面是分别是构造函数创建组件和class(类)创建组件 构造函数方法创建组件 在构造函数方法中，在组件接收参数的时候，props作为函数的形参，在 function 构造函数中不存在this的指向问题 function Hell
阅读全文
浙公网安备 33010602011771号