react
zb0002011
这个作者很懒,什么都没留下…
展开
-
免费天气组件:
免费天气组件: 1、https://www.tianqi.com/dingzhi/ 2、https://cj.weather.com.cn/原创 2020-08-31 15:48:28 · 538 阅读 · 0 评论 -
点击左侧菜单栏,局部更新右侧页面
直接上实例: 文件结构 1、_layout.js 文件名必须是_layout.js ,负责无效。 2、leftMenu.js 3、原创 2020-08-21 10:30:01 · 996 阅读 · 0 评论 -
如何从零开始创建React项目(三种方式)
在开发React项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建React项目的方式,分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。 浏览器中通过标签直接引入 React框架有两个核心的包,分别是react以及react-dom,如何想直接在浏览器中使用React,那么把这两个包直接引入就可以了。 <!-- 引入react --> <script src="htt.转载 2020-07-31 16:58:22 · 1235 阅读 · 0 评论 -
react 单元格内容用省略号代替,然后用Tooltip展示内容
其主要利用x滚动条,让数据完全展现。 但是有的需求是数据一屏展示不滚动,当屏幕足够小时,单元格内容用省略号代替,然后用Tooltip展示内容 先创建一个工具组件 EllipsisTooltip import React from 'react' import { Tooltip } from 'antd'; class EllipsisTooltip extends React.Component { state = { visible: false } han...原创 2020-07-16 17:48:09 · 1123 阅读 · 0 评论 -
笔记:onClick的箭头函数以及传参
正确写法 错误写法1: onClick = {(item) => routerTo(item)} 这样的item不是data.map中的item。 错误写法2: onClick = {routerTo(item)} 这样会直接运行routerTo(item)该方法 ...原创 2020-05-07 10:07:33 · 2366 阅读 · 0 评论 -
Check the render method of `RoadPage`.
排查了好久,然后发现是当前RoadPage组件引用的组件没有添加export default. ES6 export 和 export default的区别 ES6中 export 和 export default 与 import使用的区别,使用 react native 代码详解 一、使用export 和 import 1、export 定义导出一个子组件 Greeting i...原创 2020-04-24 14:57:59 · 4802 阅读 · 0 评论 -
react 父类通过onRef调用子类方法
import React, {Component} from 'react'; export default class Parent extends Component { render() { return( <div> <Child onRef={this.onRef} /> // ...原创 2020-04-17 11:12:23 · 830 阅读 · 0 评论 -
react 自定义组件的坑
错误记录:Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. 1通过箭头函数自定组件。 2、引用组件原创 2020-04-16 21:57:43 · 711 阅读 · 0 评论