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