react-jsx循环对象数组

select下拉option动态绑定-jsx-map循环

const JiemuObj = [{name:'节目一',value:'jiemu1'},{name:'节目二',value:'jiemu2'}]

render(){return(...)}

                        <Select placeholder="请选择节目">
                         {
                             JiemuObj.map((item)=>{
                               return (<Option value={item.value}>
                                    {item.name}
                                </Option>)
                            })
                         }
                        </Select>

jsx map循环对象数组

                 {
                            JiemuObj.map((item, index) => {
                            return   <div>{item.name}:{index}:{item.value}</div>
                            })
                         }

 如果报错记得在循环内的option内添加key值

                       <Select placeholder="请选择节目">
                         {
                             JiemuObj.map((item)=>{
                               return (<Option key={item.value} value={item.value}>
                                    {item.name}
                                </Option>)
                            })
                         }
                        </Select>