react.js - 请问react怎样把下面的tableConfig数组遍历出来

问题描述

问 题

想要在加载之后把pickingConfig里的内容循环出来

var Picking = React.createClass({
    render(){
        var header = this.renderHeader();
        return (
           <div>{header}</div>
        )
    },
    renderHeader:function () {
        return(
            <div>
               ？？？？？？？？
            </div>
        )
    }
});

下面是配置文件

var pickingTableConfig = [
    {name:'name',desc:'产品名称'},
    {name:'unit',desc:'单位'},
    {name:'stockNumber',desc:'库存量'},
    {name:'pickingNumber',desc:'领料量'},
    {name:'shelfNumber',desc:'货架号'},
    {name:'pickingPerson',desc:'领料人'},
    {name:'comment',desc:'备注'}
]

解决方案

用数组里的map方法。

JSX语法花括号({})中遇上数组会自动转译出字符串结果，不带逗号(,)。

因为不太清楚你的用途，写了两个范例，一个有混用JSX语法的:

{
   pickingTableConfig.map( function(value) {
     return value.name + ', ' + value.desc
   })
}

{
   pickingTableConfig.map( function(value) {
     return <div>
              <div>{value.name}</div>
              <div>{value.desc}</div>
           </div>
   })
}

这篇关于react.js - 请问react怎样把下面的tableConfig数组遍历出来的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！