D1:React
React学习教程以及报错解决方法
柒个M
兴趣是最好的老师!!!
展开
-
浏览器安装Redux-DevTools后报错?
报错信息:找到浏览器报错文件的位置:注释掉报错的那行代码:然后重启项目控制台上就不报错了,当然想使用redux-devTools还需要在store中进行配置才可以,具体配置参考官网教程,我就不再多说了。至于为什么会报错,网上一部分人说是因为版本的问题,也没明白为什么,各位大佬有知道的,请不吝赐教!!!!...原创 2021-11-16 11:15:33 · 715 阅读 · 0 评论 -
React知识点回顾
1、函数式组件VS 类组件原创 2021-07-06 19:23:46 · 191 阅读 · 0 评论 -
React实现父子通信
父组件: // 取消 handleCancel=()=> { this.setState({ editModalVisible: false }) } // 确定 handleOK = _ => { const { form } = this.formRef.props; form.validateFields((err, fieldsValue) => {转载 2020-12-09 15:32:55 · 410 阅读 · 0 评论 -
antd3中Form实现编辑和新增共用Modal时出现的问题
在做项目时,表单新增和编辑框往往是一样的,只不过一个有数据,而一个没有数据但是我修改了编辑框保存后,再打开新增对话框,总是有数据,也就是数据没有清空于是在查找官网文档,我用的是antd3版本,有一个resetField函数:resetFields 重置一组输入控件的值(为initialValue)与状态,如不传入参数,则重置所有组件 Function([names: string[]]) 编辑函数://编辑 handleEdit = (ro...原创 2020-12-09 15:02:04 · 1101 阅读 · 0 评论 -
React的安装,Antd的安装与使用
1、创建react项目命令:npx create-react-app my-app2、安装route命令:npm install --save react-router3、安装redux命令:npm install --save redux4、安装React-Redux命令:npm install --save react-redux5、redux-thunk安装命令:npm install --save redux-thunk...原创 2020-12-09 09:35:44 · 2627 阅读 · 4 评论 -
Redux管理状态的简单应用,存取state
1、首先新建store文件夹,在里面引入reduximport { createStore } from 'redux';const reducer = (state = 0, action) => { switch (action.type) { case 'INCREMENT': return state + 1; case 'DECREMENT': return state > 0 ? state - 1 : state;原创 2020-12-08 10:46:59 · 1052 阅读 · 1 评论 -
eslint 的 Parsing error: Unexpected token 错误
Line 7:9: Parsing error: Unexpected token解决方案:1.eslint 配置 babel-eslint 插件cnpm install babel-eslint --save2.在package.json中配置 eslintConfig 属性"eslintConfig": {"parser": "babel-eslint"}原创 2020-12-02 11:40:16 · 16894 阅读 · 0 评论 -
创建React项目时出错,提示node版本要>=12
创建React项目时出错,提示node版本要>=12自己的node版本是11,所以需要升级node的版本#######################################################################本机环境:Windows 101、下载安装包Node.js 官方网站下载:https://nodejs.org/en/选择操作系统对应的包:下载完成,安装包如下:2、安装打开安装,傻瓜式下一步即可:...原创 2020-12-01 16:19:00 · 2476 阅读 · 4 评论 -
React入门之--lReact-Route4
react的路由跳转:自己的理解就是:把index.js作为文件的入口,把AppRouter引入到index.js文件中,作为渲染的组件;把App.js引入到AppRouter.js中作为显示页面SubRouter作为子路由,用来配置City.js、Detail.js、Home.js路径,把SubRouter引入到ApppRouter中,并且在App.js中加上一句话,用来设置在A...原创 2019-08-16 09:36:27 · 159 阅读 · 0 评论 -
React入门之--组件属性的传递
废话不多说,上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性从最外层传到最里层的实现</title> <script src="../dist/browser.min.js"><...原创 2019-08-15 15:16:23 · 339 阅读 · 0 评论 -
React入门之--父子传值
这两天学习了React入门知识,在这里记录一下,以便日后复习 父组件需要通过属性的方式向子组件进行传值 子组件通过props来接收参数 子组件如果想要和父组件通信,子组件要调用父组件传递过来的方法,可以在方法中传递参数,父组件中接收参数 下面以一个实例来演示父子组件通信的方法:父组件中的代码:TodoList.js文件import React, ...原创 2019-08-15 10:08:19 · 175 阅读 · 0 评论 -
Redux的使用:一个简单的入门Demo
代码展示:type.js:export default { ADD_INPUT_NAME: 'ADD_INPUT_NAME'}action.js/** * Action类型 */import types from '../types'/** * View 要发送多少种消息,就会有多少种 Action。如果都手写,会很麻烦。可以定义一个函数来生成 Action,这个函数就叫 Action Creator。例如:switchMenu * @par...原创 2020-07-10 17:43:34 · 813 阅读 · 0 评论 -
React项目入门搭建教程:
https://zhuanlan.zhihu.com/p/104771562转载 2020-07-02 10:56:50 · 305 阅读 · 0 评论