随笔分类 - React
摘要：造成这个的原因多数是因为， this 的指向错误，尤其是在我们 自定义函数 的时候报错 解决办法： 将自定义函数改成箭头函数 如，将这种写法 showMovieData (page, pageSize){ } 换成箭头函数，就变成 showMovieData = (page, pageSize) =
阅读全文
posted @ 2020-05-27 16:59
养猪至富
摘要：在ant的List组件中，使用了其他组件（可以使用其他组件，但要在合适的位置），应该是在List中的List.Item标签中使用其他组件 <List grid={{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, }} // itemLa
阅读全文
摘要：import react from 'react' 改为 import React from 'react' 即可。
阅读全文
摘要：这是因为没有引入React的原因，在最顶端加上 import React from 'react'; 即可。
阅读全文
摘要：一：安装 运行 npm i react-router-dom 安装react路由依赖项 创建一个 App.js 根组件，并在根组件中，按需导入路由需要的三个组件 HashRouter: 表示路由的包裹容器，这个组件，在项目中，只使用唯一的一次！ 就在 App 根组件中，作为最外层的容器，报包裹住整个
阅读全文
摘要：和 Vue 中差不多，vue 为页面上的元素提供了 ref 的属性，如果想要获取 元素引用，则需要使用 this.$refs. 引用名称 在 React 中，也有 ref , 如果要获取元素的引用 this.refs. 引用名称 用 两种方法实现数据的 双向绑定，其实也是用 两种方法 获取表单数据
阅读全文
摘要：报这个错误是因为，在无状态函数组件中使用了 ref ，解决方法去掉 ref，或者将函数组件换成类组件
阅读全文
摘要：1：安装bootstrap npm i bootstrap 2：/src/index.js 中加入 import React from "react"; import ReactDOM from "react-dom"; // 全局引入 bootstrap ，组件中都可以使用bootstrap提供的
阅读全文
摘要：当一个组件中有循环的时候，一般情况下都会把循环部分拆分出去作为子组件，形成单个文件，这样为了修改方便。 父组件： import React, { Component } from 'react' import Item from './item' //引用子组件 class CmDemo exten
阅读全文
摘要：传值： 使用props接收组件的自定义属性，这个接收是类组件自动接收的，在类组件的this中，包含有props这个对象，组件的自定义属性会被收集到这个对象中，那么在类组件中就可以使用this.props获得这个对象保存的值，从而进行逻辑或者相关操作。 举例如下： //定义 类 组件 class Ae
阅读全文
摘要：React 自定义组件的两种方式： 函数组件和类组件 第一种，函数组件（无状态，即无私有属性，state）： function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 第二种，类（ES6）组件（有状态。即有私有属性，state）
阅读全文
摘要：此处类的继承讲解的是ES6的语法以及语义 ES6 的继承机制，是先创造 父类的实例对象, 然后再用 子类的 构造函数 修改。 因此，如果子类中 显式调用 构造方法 constructor(){} ,必须要在子类构造方法中调用 super() 方法。如果不 不调用 super 方法，子类就得不到 th
阅读全文
摘要：jsx语法遍历数组 数组： const nameList = ['张三', '李斯', '许三多'] 方案一： // 方案1: 在 jsx 外面,进行 循环,创建 jsx 元素的数组; const newList = nameList.map((item, i) => { return <h6 ke
阅读全文
摘要：初识react 欢迎来到React的世界， jsx中的js 在jsx中加入变量，也就是所谓的动态变化的值，需要用 {} 括起来，若直接输入数组，则在显示的时候会直接显示数组中的元素，默认自动展开了，在一个标签变量中可以套用另一个标签，只需像使用变量一样用 {} 括起来即可； var a = '1';
阅读全文
浙公网安备 33010602011771号