Танҳо бо CSS блокҳои сурх, кабуд ва хокистариро созед (бе тағйир додани сохтор, бе илова кардани фароишт). Блокҳо бояд мувофиқи намуна дар тасвир ҷойгир шаванд. Шумо метавонед услубҳоро барои контейнер ва блокҳо муайян кунед.
Frontend
Функсияи mapper-ро иҷро кунед, ки маълумотҳо (source), майдонҳо (fields), филтр (filter) ва навъбандӣ (order)-ро қабул мекунад. Зарур аст: параметрҳоро тасдиқ кунед (fields бояд массив бошад, source/filter/order функсияҳо бошанд, майдонҳо дар fields бояд дар маълумотҳо мавҷуд бошанд), маълумотҳоро тавассути call source() гиред, тавассути filter филтр кунед, тавассути order навъбандӣ кунед ва танҳо майдонҳои дар fields дархостшудаҳоро баргардонед.
Таҳлили коди компоненти React, ки тағйир додани маълумотҳоро иҷро мекунад, функсияи сатрро даъват мекунад ва рӯйхатро намоиш медиҳад. Ҳама хато ва мушкилотро ёбед ва ислоҳ кунед (async дар useEffect, набудани массиви вобастагиҳо, истифодаи индекс ҳамчун калид ва ғайра).
Тавре ки танҳо API-и DOM (бе React, тавассути ҳуҷҷат) истифода баред, код нависед, ки дар он клик ба ҳар кадом росткунҷа рангашро нишон медиҳад. тавсия дода мешавад, ки барои ҳамаи унсурҳо як ҳодисаи идоракунӣ истифода шавад. фарқияти байни event.target ва event.currentTarget чист?
Реализ кунед метод run-и синфи Queue ба таври ки иҷрои онро мисоли истифода мувофиқ кунад. Метод run бояд функсияҳои асинхронро ба таври пайдарпай иҷро кунад. Функсияи оянда дар навбат танҳо пас аз даъвати next метавонад даъват шавад. Агар дар яке аз функсияҳо хато рух диҳад, функсияҳои баъдӣ даъват намешаванд. Методҳо бояд пайванди даъватҳоро (chaining) дастгирӣ кунанд.
Компоненти React нависед, ки тугмаи 'Илова' дорад. Ҳангоми клик дар тугмаи Илова, тугмаи нав бо рақами фармоишӣ илова мешавад. Ҳангоми клик дар тугмаи сохташуда, он нест карда мешавад. Нест кардан бояд дуруст кор кунад (на ба индекс, балки ба идентификатори беназм).
asyncFilter функциясини амалга оширинг, у буга рақамлар массиви ва асинхрон предикат функцияси қабул қилинади ва фильтрланган массив қайтарилади. Масалан, кириш [1, 2, 3] ва фақат тақ рақамларни қолдирувчи функция билан чиқиш [1, 3] бўлиши керак.