react
关注
分享
扫一扫
文章平均质量分 66
秋天1014童话
坚持就是胜利，珍惜当下，珍惜学习的机会！！
展开
-
react出山了（一）
最近有时间，再把react重新过一遍。也把看到的一些资料，也在上面，方便回顾。1、react最简单的一个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试react</title&原创 2018-03-06 19:27:32 · 216 阅读 · 0 评论 -
react动态添加样式
一、使用ES6模版字符串className={`title ${index === this.state.active ? 'active' : ''}`}二、classnames库的使用安装：npm install classnames --save使用：import classNames from 'classnames';&lt;div className=classNa...原创 2018-10-29 20:42:40 · 2829 阅读 · 0 评论 -
React常用知识点
1、jsonResult - json展示import { Tabs, Form, Input, Alert, Button, Spin } from 'antd';import JSONResult from 'components/JSONResult';class TestTab extends React.Component { ... render(){ const {...原创 2018-10-15 10:55:33 · 473 阅读 · 0 评论 -
html5+ React -进入和退出全屏实现
html5已经支持全屏API，不同浏览器实现方式不一，以下为兼容方案：一、不同浏览器的进入和退出全屏实现// Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen();// Firefox 10+element.moz...原创 2018-06-23 02:53:48 · 4908 阅读 · 0 评论 -
React--ref详解
总结： React提供的ref属性，表示为对组件真正实例的引用，其实就是ReactDOM.render()返回的组件实例； 需要区分一下，ReactDOM.render()渲染组件时返回的是组件实例；如果给一个复合组件（如<TextInput />）附加ref属性，你就会拿到对应的组件类的实例 , 可以直接调用组件在类定义中导出的任何方法。 而渲染dom元素时，返回是具体的dom原创 2018-04-30 18:01:24 · 932 阅读 · 0 评论 -
React--key值详解
项目中遇到不少的坑，例如组件的key影响加载，或者警告数组遍历子元素要有一个唯一的key值等，今天汇总说一下：参考博客1、key的作用react中的key属性，它是一个特殊的属性，它是出现不是给开发者用的（例如你为一个组件设置key之后不能获取组件的这个key props），而是给react自己用的。那么react是怎么用key的呢？react的作者之一Paul O’Shannessy有提到：转载 2018-04-30 17:19:59 · 4575 阅读 · 0 评论 -
wangEditor富文本编辑器+react+antd的使用
1、github上发现富文本编辑器：官网地址及github地址2、结合react+antd的具体使用：案例使用场景：MyModal为弹窗，弹窗显示 编辑名称及描述。描述使用wangeditor富文本编辑器实现。MyModal.jsimport { Form, Modal, Input, Row, Col } from 'antd';import Editor from...原创 2018-04-30 16:24:56 · 22435 阅读 · 4 评论 -
react--props
一、react的props用以父组件向子组件传递参数如下例所示： 1、propTypes用于验证props的类型。 2、getDefaultProps用于设置props的默认值。 3、在父组件中通过属性的方式，传递给子组件<SubMessage messages={this.state.subMessages}/>，子组件中使用this.props.messages得到父组件...原创 2018-03-07 19:41:11 · 440 阅读 · 0 评论 -
react-state的问题
react-state的问题 1、setState是异步的，在调用了setState之后，this.state的值并没有立即改变，可能还是使用原来的值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试state原创 2018-03-07 14:45:40 · 346 阅读 · 0 评论 -
React-JSONResult使用（JSON展示）
效果：封装JSONResultJSONResult/index.js:import PropTypes from 'prop-types';import styles from './index.less';import JSONTree from 'react-json-tree';import theme from './theme';function TestResult(...原创 2018-10-29 20:52:53 · 6835 阅读 · 0 评论