Итерация по глубине объекта json React.js-redux, - PullRequest
Новая
       67

Итерация по глубине объекта json React.js-redux,

0 голосов
/ 24 января 2019

У меня есть объект json, сохраненный в Redux, я должен отобразить все заголовки {As LINKS}, при нажатии на заголовок отображается его «section: [....]» (AS TITLE {LINKS}) и итерация в глубину до JSONOBJECT.section.type===menu и отображать все заголовок раздела. И если 'section.type === "Vid"', то это только тег Anchor.

И И И И "" "" при нажатии кнопки "назад" загрузите предыдущее состояние / реквизит, как это было на предыдущей странице. "" "" ИСПОЛЬЗУЯ REDUX.

Привязка jsonObject. https://i.stack.imgur.com/HbYru.png

Explaination: Я загрузил раздел корневого уровня для компонента с именем «DASHBOARD.js» и, щелкнув любой заголовок, хочу загрузить подразделы в тот же «DASHBOARD.js», а при нажатии кнопки «НАЗАД» загрузите предыдущий раздел.

{ "id":"", "section":[ { "id":"", "section":[{ "id":"", "section":[{ "id":"", "section":[{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" }], "title":"", "type":"menu" }], "title":"", "type":"menu" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" }], "title":"", "type":"menu" },{ "id":"", "section":[{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" }], "title":"", "type":"menu" },{ "id":"", "section":[{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" }], "title":"", "type":"menu" },{ "id":"", "section":[{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" },{ "id":"", "section":[], "title":"", "type":"Vid" }], "title":"", "type":"menu" } ], "title":"", "type":"menu" }

Образец вида проекта, который будет выглядеть: [1] https://i.stack.imgur.com/M3f5f.png [2] https://i.stack.imgur.com/vnb00.png [3] https://i.stack.imgur.com/705ni.png

Сначала я нажал на любой элемент навигации (Сглаживающий раздел || Mrss Закрытый разделZZ || Mrss Бесплатный раздел || Sim Live free ..) Затем он будет загружать свой contentTitle [image: 1], как на данном изображении, и все заголовки будут "". При нажатии на эту ссылку он будет загружать "" childContentTitle [image: 2] "", и при нажатии этого " «childContentTitle» будет загружать «grandchildContentTitle», а затем «grandgrandchild [image: 3]» и т. д., и все это будет перерисовываться на том же реагирующем компоненте с именем Dashboard до JSON.type! == "vid".

...