我有一个组件(一个下拉列表),该组件应基于从另一个组件作为“类”道具传入的数组填充列表。为了尽可能提高效率,我尝试使用Object.keys和Array.prototype.map方法遍历数组,填充列表并进行渲染。但是,无论何时添加此组件,它都会导致整个应用程序完全无法渲染。我在下面列出了我的渲染方法。
渲染方法:
export default React.createClass({
change: function(){
console.log(this.props.classes);
},
render: function(){
return(
<div>
<select onChange = {this.change}>
{
Object.keys(this.props.classes).map(value, key =>{
return <option key = {key}>{value}</option>
}
)}
</select>
</div>
)
}
});
我认为回调参数需要额外的括号:
export default React.createClass({
change: function(){
console.log(this.props.classes);
},
render: function(){
return(
<div>
<select onChange = {this.change}>
{
Object.keys(this.props.classes).map((value, key) =>{
return <option key = {key}>{value}</option>
}
)}
</select>
</div>
)
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句