关于react中遇到的问题记录说明
5.el表达式
dataSource = (userPage, orgList) =>
userPage.map(item => {
const org = orgList.find(org => org.orgId === item.ORG_ID);
return {
...item,
measuresName: item.MEASURES_NAME,
measuresId: item.MEASURES_ID,
unitedId: item.UNITED_ID,
orgId: item.ORG_ID,
//oUl.style.display == "block" ? oUl.style.display="none" : oUl.style.display="block"
unitedType: item.UNITED_TYPE =='black' ? '黑名单' : '红名单',
orgName: org ? org.orgName : item.ORG_ID,
key: item.MEASURES_ID
};
});
4.react中自定义完成某个操作后,跳转到列表展示界面
let promise;
promise = this.props.personalService.updatePersonalMesages(myUser);//进行和后台交互的接口调用
//完成交互后,进行通过修改浏览器链接地址的形式,切换路由到想要的界面去
//Utils是自己封装的一个工具函数
promise.then(data => {
Utils.pushLink(`/profile/main`);
})
3 If using forceUpdate() is discouraged, how should components react to change events in the model? (2017-05-11)
// user.js export default class User extends EventEmitter {
constructor(args) {
super();
this.id = args.id;
this.isActivated = args.isActivated || false;
}
activate() {
this.isActivated = true;
this.emit('change');
}
} // UserView.jsx export default class UserView extends React.Component {
componentDidMount() {
this.props.user.on('change', this.onUserUpdate);
}
onUserUpdate() {
this.forceUpdate();
}
render (
var user = this.props.user;
return (
<div>
<span>User {user.isActivated ? 'is' : 'is not'} activated.</span>
<button onClick={user.activate()}>Activate</button>
</div>
);
);
} // app.js var user = new User({ id: 123 });
ReactDOM.render(<UserView user={user} />, container);
2。2017-05-11 15:03:46
<FormItem
{...formItemLayout}
label="性别"
hasFeedback
>
{getFieldDecorator('sex', {
initialValue: signUser.sex
})(
<RadioGroup> <Radio key="M" value='M'>男</Radio>
<Radio key="F" value='F'>女</Radio>
<Radio key="U" value='U'>暂未设置</Radio>
<Radio key="F1" value='F1'>女</Radio>
</RadioGroup>
)}
</FormItem>
//去掉 hasFeedback 就没有狗狗了
1.关于一个路由里面如果有重复的路由指向,路由加载不同的组件,那么测试结果是:系统会自动识别第一个路由指向的对应组件;
<Route path="user/:id" name="用户详细" component={UserDetail}/> <Route path="user/:id" name="编辑用户" component={UserManagementDetail}/> //解决方案: <Route path="user/:id" name="用户详细" component={UserDetail}/> <Route path="users/:id" name="编辑用户" component={UserManagementDetail}/>
关于react中遇到的问题记录说明的更多相关文章
- react + antiDesign开发中遇到的问题记录
react + antiDesign开发中遇到的问题记录 一:页面中子路由失效: antiDesign的官方实例中,会把路由重复的地方给去重,而且路由匹配模式不是严格模式.所以我们需要在util.js ...
- react学习过程中遇到的错误记录
1.App.js的代码如下: import React, { Component } from 'react'; import Test from './components/Test.jsx'; i ...
- Immutable 详解及 React 中实践
本文转自:https://github.com/camsong/blog/issues/3 Shared mutable state is the root of all evil(共享的可变状态是万 ...
- 在React中使用Redux
这是Webpack+React系列配置过程记录的第六篇.其他内容请参考: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-rout ...
- react中需要用到【深度复制】的问题
首先,说一下我所遇到的问题,我所做的项目是用的基于react的antd框架. 一张表格,里面的数据是从后台获取直接渲染,我点击修改按钮,在modal弹框中修改数据,但是没有点击确定,点击取消,发现页面 ...
- 在react中使用intro.js的的一些经验
react逐渐热了起来,但是新的东西毕竟前辈的经验少一些,前段时间自己在react中用到intro.js时,得到的资料甚少,摸索后便将一些心得记录下来了~ 1 intro.js的引入,这一点请看上一篇 ...
- 深入理解react中的虚拟DOM、diff算法
文章结构: React中的虚拟DOM是什么? 虚拟DOM的简单实现(diff算法) 虚拟DOM的内部工作原理 React中的虚拟DOM与Vue中的虚拟DOM比较 React中的虚拟DOM是什么? ...
- 在react中实现CSS模块化
react中使用普通的css样式表会造成作用域的冲突,css定义的样式的作用域是全局,在Vue 中我们还可以使用scope来定义作用域,但是在react中并没有指令一说,所以只能另辟蹊径了.下面我将简 ...
- react第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制)
第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制) 课程目标 深入理解和掌握事件的冒泡及捕获机制 理解react中的合成事件的本质 在react组件中合理的使用原生事件 ...
随机推荐
- 透过字节码生成审视Java动态代理运作机制
对于动态代理我想应该大家都不陌生,就是可以动态去代理实现某个接口的类来干一些我们自己想要的功能,但是在字节码层面它的表现是如何的呢?既然目前刚好在研究字节码相关的东东,有必要对其从字节码角度来审视一下 ...
- 有关PHPstorm的git环境的配置和git密钥的生成总结
phpstorm上配置git环境的配置总感觉很简单,没发现看似简单的东西浪费我好多时间.我在网上查了一下关于phpstorm的git环境的配置没有具体的总结 所以我把自己的配过程简单总结了一下 接下来 ...
- Vant UI 组件库如何做rem适配?
Vant是一款移动端基于vue的组件库,V2.1.1版本非常棒.文档地址:https://youzan.github.io/vant/?source=vuejsorg#/zh-CN/intro,那么V ...
- pyqt pyside qcombobox disable wheel scrolling
pyqt pyside qcombobox disable wheel scrolling import sys from PyQt5 import QtCore, QtWidgets import ...
- java堆栈信息查看,以及JVM性能查看工具-jconsole+jmap
java-core P487 P515 chapter11,主要讲java的异常,里面很多内容收获良多,之前一直没注意过的. 一,Throwable类获得StackTraceElement ,可进行 ...
- CSRF防御
一.通过 referer.token 或者 验证码 来检测用户提交. <meta name="referrer" content="never"> ...
- 可嵌入的脚本引擎 Jx9
Jx9是一个可嵌入的脚本引擎,基于JSON实现了图灵完备(Turing complete)的编程语言. Jx9 是那些需要流行和高效率脚本支持应用程序(比如:游戏.数据库系统,文本编辑器,网络应用程序 ...
- 016_linux驱动之_原子操作
1. 原子操作 原子操作指的是在执行过程中不会被别的代码路径所中断的操作. 常用原子操作函数举例: atomic_t v = ATOMIC_INIT(0); //定义原子变量v并初始化为0 a ...
- vue中setInterval的清除
两种清除setInterval的方式: 方案一: data() { return { timer: null // 定时器名称 } }, mouted() { this.timer = (() =&g ...
- char 类型的数组转换到CSting
首先,字符串“abc”在CString的保存格式是‘a’,'\0','b','\0','c','\0','\0','\0'; 从中可以看出它是以‘\0’,'\0',结束的. 当char ch[6]: ...