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>