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);

参考地址(需要翻墙):http://stackoverflow.com/questions/35617580/if-using-forceupdate-is-discouraged-how-should-components-react-to-change-eve

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}/>

最新文章

  1. ABP源码分析三十五:ABP中动态WebAPI原理解析
  2. vs2015全新nuget使用全析
  3. python爬取返利网中值得买中的数据
  4. css左右居中的几种常见方法
  5. [UWP]涨姿势UWP源码——RSS feed的获取和解析
  6. Writing Text Files On The Client in Oracle Forms 10g
  7. 正则验证:Pattern,Matcher
  8. [Ramda] Compose and Curry
  9. hdoj 2051 Bitset
  10. linux function
  11. zmud中文版_汉化补丁_汉化文件ZMUD破解
  12. 谁动了我的CurrentPrincipal?解释一下为什么CurrentPrincipal变了,并解决这个问题。
  13. 在CentOS linux上通过yum安装JDK&lt;转&gt;
  14. 同步IO,异步IO,阻塞IO,非阻塞IO
  15. Introducing Makisu: Uber’s Fast, Reliable Docker Image Builder for Apache Mesos and Kubernetes
  16. Linux常用基本命令(more)
  17. http编程(一)使用javaAPI实现
  18. mybatis由浅入深day01_1课程安排_2对原生态jdbc程序中问题总结
  19. ACCESS数据库如何设置密码
  20. 《DSP using MATLAB》示例Example 8.15

热门文章

  1. 《JavaScript DOM编程艺术》(第二版)学习笔记(一)
  2. js 正则表达式将 p标签替换 span标签
  3. 使用math中的hypot实现向量
  4. Android系统输入事件分发详解
  5. _cdecl与_stdcall区别
  6. SpringAOP配置与使用(示例)
  7. P2058 海港
  8. react-native 打包apk 更新js和常见问题
  9. input上传mp3格式文件,预览并且获取时间
  10. Robot Framework(十六) 扩展RobotFramework框架——使用监听器接口