如何在Cell属性react-table中添加选项以进行选择

时间:2018-01-27 14:06:21

标签: reactjs react-table

当我在Cell属性中使用Select时出现问题 我试过这段代码。在console.log循环工作中并且在val中具有值,但是没有渲染选项来选择

{
         Header: "last update",
         id : "appoint",
         accessor: "appoint",
         Cell: row => (
               <select>
                   {
                         row.row.appoint.map((val,key)=>{
                             <option value={val.work_start_date_full}>val.work_text</option>
                         })
                    }
                 </select>)
}
然后我试过了。它。循环工作(在console.log中尝试)但未定义显示值

{
        Header: "last update",
        id : "appoint",
        accessor: "appoint",
        Cell: row => (
               <select>
                      row.row.appoint.map((val,key)=>{
                            <option value={val.work_start_date_full}>val.work_text</option>
                       }) 
               </select>
         )
}

指定中的示例数据

appoint : [
             {work_no : xxxx, work_txt:"xxxxxxxxxxxx' },
             {work_no : yyyy, work_txt:"yyyyyyyyyyyy' },
]

1 个答案:

答案 0 :(得分:0)

尝试替换为:

 <option value={val.work_start_date_full}>{val.work_text}</option>

也是,这是对的吗?:

"yyyyyyyyyyyy'

或它应该是?:

"yyyyyyyyyyyy" or 'yyyyyyyyyyyy'

如果有帮助,请告诉我......