React
苏废物~~
我愿意成为一个努力学习的人
展开
-
react 和 vue 中表格中图片放大插件
React中的图片浏览器 在表格里面使用前提是要装一个一个插件,插件安装命令如下npm install @hanyk/rc-viewer在表格里面使用的情况{ title: '图片', align: "center", dataIndex: 'imgUrl', key: 'imgUrl', render: (imgUrl, row) => { return ( imgUrl && <RcViewer r原创 2020-05-13 16:42:22 · 328 阅读 · 0 评论 -
关于React国际化的问题
关于React国际化的问题??引入国际化的插件plugins:[ ..., locale: { enable: true, default: 'zh-CN', baseNavigator: true, }, ...,]就可以在代码中使用全球化的功能了。详细配置参见config。@umijs/plugin-locale 封装了react-intl, api 与 react-intl 基本相同,并做了封装使用起来更加方便。全部 api 如下import {原创 2020-05-13 15:21:23 · 704 阅读 · 0 评论 -
关于React
关于ReactReact的起源和发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库!A JavaScript library for building user ...原创 2019-07-15 09:23:01 · 68 阅读 · 0 评论 -
元素与组件
元素与组件如果代码多了之后,不可能一直在render方法里写,所以就需要把里面的代码提出来,定义一个变量,像这样:import React from 'react'import ReactDOM from 'react-dom'// 这里感觉又不习惯了?这是在用JSX定义一下react元素const app = '<h1>欢迎进入React的世界</h1>'Re...原创 2019-07-15 09:27:27 · 248 阅读 · 0 评论 -
属性and状态
属性(props)props是正常从外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的,组件自己不能随意更改。之前的组件代码里面有props的简单使用,总的来说,在使用一个组件的时候,可以把参数放在标签的属性当中,所有的属性都会作为组件 props 对象的键值。通过箭头函数创建的组件...原创 2019-07-15 09:31:22 · 292 阅读 · 0 评论 -
React事件处理
事件处理绑定事件采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写onclick, React里的事件是驼峰onClick,React的事件并不是原生事件,而是合成事件。事件handler的写法 【 王牌 || 王者】直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法,然后...原创 2019-07-15 09:32:32 · 89 阅读 · 0 评论 -
React组件通信
组件通信分类: 父子组件通信 无论父组件传递是props还是state,子组件都是通过props接收 子父组件通信 父组件传递方法给子组件,子组件调用父组件传递过来的方法 注意: 自己的状态自己更改 非父子组件通信 ref链 1. ref = ‘xxx’ this.refs.xxx 2. ref = { el =>...原创 2019-07-15 09:34:46 · 126 阅读 · 0 评论 -
React状态管理
状态管理传统MVC框架的缺陷什么是MVC?[外链图片转存失败(img-5UKs5YTH-1563154546022)(./images/mvc-base.png)]MVC的全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,是一种软件设计典范。V即View视图是指用户看到并与之交互的界面。M即Model模型是管...原创 2019-07-15 09:36:25 · 1227 阅读 · 0 评论 -
React Router
React RouterReact Router现在的版本是5, 于2019年3月21日搞笑的发布,搞笑的官网链接, 本来是要发布4.4的版本的,结果成了5。从4开始,使用方式相对于之前版本的思想有所不同。之前版本的思想是传统的思想:路由应该统一在一处渲染, Router 4之后是这样的思想:一切皆组件React Router包含了四个包:包名Descriptionrea...原创 2019-07-15 09:39:00 · 281 阅读 · 0 评论