web

taro 安装完成后默认所属权是管理员的，如果你使用非管理员权限去只是taro init myApp命令时候会出现。是将/lib/node_modules、/bin、/share 这三个的目录权限设置为whoami。但是问题又来了sudo执行后的文件全部为管理员权限普通用户是无法编辑的，那如何解决这个问题呢？有人想问这条命令的意思那么我来给你做一下介绍。是查看npm路径安装在哪里。，需要加sudo才可以解决。taro版本：3.5.4。是设置所属用户和用户组。执行 如下命令即可解决。下载 postcss。..

react rooks

使用react脚手架支持 ts + less

文章目录eventbus事件总线进行通信,采用发布-订阅event bus进行,可以在任意组件中通信下载eventsnpm i -D events创建一个event.js文件import {EventEmitter} from "events";const eventBus = new EventEmitter();export default eventBus;发布数据的组件import eventBus from 'xxx';eventBus.emit('sayHel

文章目录父子通信父子通信父向子传值//父组件class Parent extends Component { state = { msg: 'hello' } render() { return ( <div> <Son msg={this.state.msg}/> </div> ) }}//子组件

文章目录组件react中的如何定义函数组件无状态组件(函数式组件)无state属性function Hello(props) { return <div>{props.name}</div>}ReactDOM.render(<Hello name='zs'/>,document.getElementById('root'));有状态组件（类组件）有state属性class Hello extends React.Component {

mvcModel（模型） - 模型代表一个存取数据的对象或 JAVA POJO。它也可以带有逻辑，在数据变化时更新控制器。View（视图） - 视图代表模型包含的数据的可视化。Controller（控制器） - 控制器作用于模型和视图上。它控制数据流向模型对象，并在数据变化时更新视图。它使视图与模型分离开。是单向的mvpmvp的核心在于presenter层，该层的核心是对于dom元素的操作，以jquery实现列表页为例，presenter主要是通过循环将Model中的数据与html的标签进行

子传父通过子组件触发事件通过父组件触发事件async通过子组件触发事件父组件通过props属性传递一个函数给子组件，当触发事件的时候，调用该函数，将值作为参数传递过去//父组件<TestA tilte = {() => this.getForm(params)}>//子组件static propType = { title: PropTypes.func}change = () => { this.props.title(data);}通过父组件触

PureComponentPureComponent为什么要用PureComponent解决component的问题重写shouldComponentUpdate()PureComponent的基本原理PureComponent为什么要用PureComponentcomponent存在问题父组件重新render（），子组件也会重新执行render，即使state props没有变化组件setState(),重新执行render，即使setState没有任何变化 this.setState({}

key面试题react/vue中的key的作用/内部原理为什么列表的key尽量不要用indexreact/vue中的key的作用/内部原理简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用详细的说: 当列表数组中的数据发生变化生成新的虚拟DOM后, React进行新旧虚拟DOM的diff比较a. key没有变item数据没变, 直接使用原来的真实DOMitem数据变了, 对原来的真实DOM进行数据更新b. key变了销毁原来的真实DOM, 根据item数据创建

setState函数法对象法setState是同步还是异步解决setState的异步问题setState的render问题关于setState的面试题函数法this.setState(state => ({ roles: [...state.roles,role]}))能保证每次接收到的state最新，支持同一个函数多次setState同一个变量对象法this.setState({ roles: [...this.state.roles,role]})多次setState

组件CardTableForm表单Card1.引入文件import { Card } from 'antd';title 和extra可以是一些比较复杂的结构 const extra = ( <Button type="primary"> <PlusOutlined /> <span>搜索</span> </Button&gt

reactsetState向事件回调函数传参setState先来看一段代码state = { name:'ww'}this.setState({ name: 'zs'})console.log(this.state.name); // ww看完以上代码，相信你已经明白，setState相当于是异步操作,打印name的时候，状态还未更新。怎么解决？state = { name:'ww'}this.setState({ name: 'zs'},() => {/

登入登入代理proxy在类组件的render中进行页面跳转登入（自定义内存（一个单独的变量），localStorage）在登入验证成功后将数据保存到内存和localStorage中在项目的入口文件index.js读取localStorage中的数据，并保存到内存中在登入页面的最前面，判断用户是否登入（从内存中取出数据，判断数据是否存在），如果登入则跳转页面在其他页面，判断用户是否登入，未登入则跳转到登入页面代理proxy注意的一些点：生产环境下代理不生效，开发环境可以生效（因为re

十.antd 框架的使用1.参考3.xx版本，有入门介绍：https://3x.ant.design/docs/react/getting-started-cn在create-react-app中介绍 如何按需导入css ，和设置主题颜色设置主体颜色的时候有个bug less-loader的版本可能太高自己的文档步骤：下载安装包： cnpm i react-app-rewired customize-cra babel-plugin-import less less-loader@5.0.0

react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.js配置具体代理规则：const pro

reactantd按需引入修改颜色主体路由表单form函数组件中类组件中高阶组件，高阶函数antd按需引入下载依赖npm i react-app-rewired customize-cra babel-plugin-import在根目录下创建 config-overrides.js文件const {override, fixBabelImports} = require('customize-cra');module.exports = override( fixBabelImpo