Отображение раскрывающегося списка в React Antd Table

                    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. Есть идеи о том, как его можно отобразить как Select в таблице Antd?


reactjs antd
person Ryan Rasmussen    schedule 22.06.2017    source источник
comment
Выбор является компонентом, поэтому потеряйте ', так что это просто varbandHtml = ‹Select ...›   -  person fungusanthrax    schedule 22.06.2017
comment
Не могли бы вы прислать мне код ... Я работаю над таблицей Antd, где я хочу добавить раскрывающийся список с ячейками ... Я перехожу по этой ссылке - ant.design/components/table/#components-table-demo-edit-row   -  person nick    schedule 09.10.2020

Ответы (1)


arrow_upward
0
arrow_downward 

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 ;-)

person Jesper We    schedule 24.06.2017