在React Antd表中顯示下拉菜單

Question

                    const bands = this.props.ApplicationContainer.bands;
                    if(bands)   {
                        var bandsHtml = '<Select defaultValue="Select"><Option value="Select">Select</Option>';
                        const listItems = bands.map(function(obj) { 
                           const rObj = {};
                           rObj[obj.id] = obj.band;
                           bandsHtml += '<Option value="'+obj.band+'">'+obj.band+'</Option>';
                           return rObj;
                        });
                        bandsHtml += '</Select>';
                    }   else    {
                        var bandsHtml='';
                    }
                    console.log(bandsHtml);
                return (
                    bandsHtml
                );

該函數返回表中包含的內容，但請查看以下圖片： https : //ibb.co/jNBYnk

它在單元格中顯示為HTML。 關於如何在Antd表中將其呈現為Select的任何想法？

Answer 1

let bandsHtml = null
if(bands)   {
    bandsHtml =
        <Select defaultValue="Select">
            <Option value="Select">Select</Option>
            {bands.map( (obj,index) => (<Option value={obj.band} key={index}>{obj.band}</Option>)}
        </Select>
}

/ de SM0XLK ;-)