1

Тема: React: Як відобразити html-елемент із змінної?

Є таблиця ant.design Table, що заповнюється даними з бекенду, серед яких є лінки, вже згенеровані тим бекендом як готовий html. Бекенд я змінити не можу, тож мені треба цей html відобразити. В описі колонки є властивість render і ось її я й можу чіпати. Перше що спробував, це в тупу вивести змінну:

render: (val) => val;

Примітка: Це спрощена версія, там є невеличка логіка, яку я не хочу тягнути сюди, тому воно виглядає так несуразно.

Отже, я отримав просто html у вигляді тексту. Інша спроба, зробити щось таке:

render: (val) => ({val})

просто призвело до помилки компіляції. Щось ніяк не дотумкаю, як мені це краще зробити.

Признаюсь чесно, я ще не гуглив особливо з цього питання, думаю, раптом доки я буду гуглить, хтось підкаже щось. Бо треба б якось швиденько цю проблемку вирішити. Дякую.

2

Re: React: Як відобразити html-елемент із змінної?

Дякую. Нагуглив:

render: (val) => (<span dangerouslySetInnerHTML={{__html: val}}></span>)

Така ось милиця... жерсть.

Подякували: 0xDADA11C71