Приветствую товарищи. Вопрос такой, как в редаксе, в редьюсере, внедрить

Question

Приветствую товарищи. Вопрос такой, как в редаксе, в редьюсере, внедрить

html разметку в значение ключа, что-бы на ui это потом отработало? В данном случае, хочу передать в таблицу на ui тег <td > подскажите пожалуйста, как быть? В таком виде как сейчас, выдает синтаксическую ошибку. Гуглил варианты, подобного ничего не нашел.

#frontend #javascript #programming #react.js #russian

0

26.08.2021

24 ответов

17 просмотров

Igor Zaviryukha

Она не спорная, а так вообще не стоит делать. + у него там переменные еще в jsx

0

26.08.2021

cool29horhoj

Ну и в первой строке пом моему у тебя символ => пропущен

0

26.08.2021

ad0y3z

это же не стрелочная, пропущено function

0

26.08.2021

Andrey Verhylin Автор вопроса

это я для теста написал, в оригинальном не пропущено.

0

26.08.2021

cool29horhoj

Ну может быть, мен показалось он хотел стрелочную написать)))

0

26.08.2021

Andrey Verhylin Автор вопроса

поменял расширение с js на jsx , синтаксической ошибки больше нет, но все приложение крашнулось, пишет React is not defined))

0

26.08.2021

cool29horhoj

Собственно во всех умных книгах пишут, что представление должно быть отделено от данных. А ты их вроде бы как бы смешиваешь. Я думаю можно более простым способом это сделать.

0

26.08.2021

Igor Zaviryukha

твой редьюсер ничего не должен внедрять в ui

0

26.08.2021

cool29horhoj

Ну в теории, потому что ты туда вставил JSX, а значит и файл у тебя должен быть *.jsx Но я не гарантировал что это будет работать )))

0

26.08.2021

Andrey Verhylin Автор вопроса

я не знаю как тогда быть. У меня на ui таблица, не стандарная html, а готовая уже, через npm. После загрузки страницы отправляется запрос на сервер, который дает ответ в виде объектов, которые на скрине в строке 13,14. Каждый объект это ячейка таблицы. Я хочу сделать проверку, если объектов допустим, приходит > 10, то внедрить в эту таблицу тег td со своими нюансами. Как бы вы сделали, скажите?

0

26.08.2021

Kirill Kuznetsov

Так не делают, store только для хранения состояния, генерировать html он НЕ должен.

0

26.08.2021

cool29horhoj

Бывает присылают данные в виде объекта объектов, а бывают в виде массива объектов. У тебя какой случай?

0

26.08.2021

Kirill Kuznetsov

react-data-table-component?

0

26.08.2021

Andrey Verhylin Автор вопроса

react-datasheet

0

26.08.2021

Andrey Verhylin Автор вопроса

массив с объектами.

0

26.08.2021

Kirill Kuznetsov

https://github.com/nadbm/react-datasheet#custom-renderers

0

26.08.2021

cool29horhoj

при рендере таблицы сначала выводим шапку, а затем строки через map Каждую строку тоже выводим через цикл в зависимости от структуры объекта. Ну и каждую ячейку оборачиваем в td Там же и проверяем собственно нюансы. ну и можно же так //внутри некоторого компонента const cellRender = (dataItem) = > { здесь делаем хитрые махинации с ячейкой в зависимости от значений например в редакс или стэйте компонента } // в том же компоненте return.... <tr> {cellRender(dataItem)} </tr> ....

0

26.08.2021

Andrey Verhylin Автор вопроса

спасибо вам, решил немного другим способом. Меня, наверное, казнят на ревью, но что поделать)

0

26.08.2021

Andrey Verhylin Автор вопроса

да, вы правы абсолютно.

0

26.08.2021

rnamod1

В каких книгах?