![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
云卷云舒%
这个作者很懒,什么都没留下…
展开
-
React项目中使用vite打包部署遇到的一些问题
react-router-dom如何添加base,public文件夹下的资源如何引用。原创 2023-06-06 14:04:41 · 2116 阅读 · 0 评论 -
JS手写slider组件(缩放拖拽)
效果:点击观看布局: <div id='box' className='drag-bar-box'> <div id='drag' className='drag-bar'> <div id='scaleleft' className='drag-block-left'></div> <div id='scaleright' className='drag-block-right原创 2021-07-23 14:56:34 · 1202 阅读 · 0 评论 -
Error: A cross-origin error was thrown. React doesn’t have access to the actual error object in deve
在React项目中,有时会看到以下错误:Error: A cross-origin error was thrown. React doesn’t have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.出现这样的报错信息,先看下自己是否有这样的代码:JSON.parse(xxx) ,多半是这个问题导致的。对应的处理方原创 2021-07-20 11:03:19 · 9918 阅读 · 2 评论 -
AntDesign踩过的坑
一、表格:1.size切换器(自4.1.0起,Pagination 在total大于 50 条时会默认显示 size 切换器以提升用户交互体验。)// 使分页器始终存在showSizeChanger: true,// 自定义分页器大小pageSizeOptions: [5, 10, 20, 50, 100],// 默认分页器大小defaultPageSize: 102.表格排序默认是:升序-》降序-》取消排序这样循环来的,如何去掉 取消排序这个功能,只允许升序-》降序或降...原创 2021-06-25 11:51:38 · 1846 阅读 · 3 评论 -
react中兄弟组件之间传值
兄弟组件传值使用PubSub,所以先安装npm i --save pubsub-js组件Son向兄弟组件Brother传值num1.Son组件定义一个方法,使用PubSub.publish("methodName", data)进行发送值import React, { Component } from "react";import PubSub from "pubsub-js";export default class Son extends Component { construct原创 2020-07-06 19:47:01 · 2200 阅读 · 0 评论 -
react中子组件向父组件传值
1.子组件使用this.props.函数名来传值import React, { Component } from "react";export default class Son extends Component { constructor(props) { super(props); this.state = { zitext: "我是子组件的008,我要传递给父组件" }; } render() { return ( <原创 2020-07-06 19:16:10 · 414 阅读 · 0 评论 -
react中父组件向子组件传值
1.子组件代码:定义props.属性名 来接收父组件传递过来的值import React, { Component } from "react";export default class Son extends Component { render() { return <div>我是子组件---{this.props.text}</div>; }}2.父组件代码:在引用子组件时,在子组件身上传递数据(用子组件定义的属性来传递)import R原创 2020-07-06 16:33:55 · 3854 阅读 · 0 评论 -
react创建项目时‘create-react-app‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
最近在找工作,发现只会Vue有点困难。毕竟现在的非计算机专业去培训班培训一下,也都掌握了Vue,所以,决定学习一下react。在使用命令 create-react-app projectName 创建项目的时候报错’create-react-app’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。1.首先检查环境变量:在安装node.js的时候指定了node_global的地址。将指定的node_global地址写到环境变量的path中即可。然后重启CMD,使用命令创建项目。如果还原创 2020-07-06 11:17:38 · 5608 阅读 · 0 评论