React中render函数中变量map中事件无法关联的解决办法
来源:互联网 发布:网络电话隐藏号码软件 编辑:程序博客网 时间:2024/05/18 00:34
React中render函数中变量map中事件无法关联的解决办法
如下所示的代码,Input的checkbox可以正常显示3个,但是都无法和 handleChange关联上。 由于代码无法正常显示,我用图片
var Input = ReactBootstrap.Input;
var TestCom = React.createClass({
getInitialState: function() {
return {value: ‘Hello!’,
value2: ‘nihao2’
};
},
handleChange: function(event) {
var debug = 1;
console.log(event);
console.log(event.target);
console.log(event.target.checked);
},
render: function () {
var sortedProcessArray = [‘Alice’, ‘Emily’, ‘Kate’];
return (
{
sortedProcessArray.map(function (item) {
return ;
})
}
);
}
});
React.render(<TestCom/>, document.body);</script>
解决办法,不要在map的时候进行return。而是先将map的结果保存到一个变量,然后return这个变量。这样就可以了
- React中render函数中变量map中事件无法关联的解决办法
- react 中render与return 之间的变量(画红的问题)
- react.js中render的return的坑
- React Router v4中component和render的区别
- jQuery中函数变量$冲突的解决办法
- 事件处理函数中声明的变量
- React事件处理函数中绑定this的bind()函数
- React中事件的用法
- 网页脚本中无法响应ATL事件的解决办法
- 网页脚本中无法响应ATL事件的解决办法
- 关于XTToolkitPro中DialogPanes无法响应OnDockingPaneNotify事件的解决办法
- STL中关联容器map的用法
- c++中如何关联两个变量的值-键值对,c++map的使用
- Xamarin中Render的使用
- 使用android中drawline函数无法绘制水平线的解决办法
- React中事件传参的写法
- react-native中TouchableXXX事件的分发
- Shell编程中使用管道循环中无法改变外部变量的解决办法
- 计蒜客 难题题库 024 函数规律
- 对象数组 ObjectArray
- android 安卓开发通过 无线wifi 调试 APK (不用Root) 及 ROOT 后无线wifi调试 源码
- 109. Convert Sorted List to Binary Search Tree
- 【数位DP】Codeforces Gym 100418J Lucky tickets
- React中render函数中变量map中事件无法关联的解决办法
- 1-使用系统对象 打印 年 月 日 时 分 秒 星期
- 浅谈Android system_service 注册Service、APP获取并访问服务(PMS:PowerManagerService)为例
- TCP连接建立系列 — 客户端接收SYNACK和发送ACK
- jquery控件-实现自定义样式的弹出窗口和确认框
- HashMap存储原理
- poj2506 大数递推
- 正则表达
- css3兄弟选择器