Unlock 30% off on Manual Testing Annual Plans this Holiday Season. 
Use Code: LCMYEARENDEXCL30
Use Code: LCMYEARENDEXCL30Check icon
Copied to Clipboard!
How to use image_url method in wpt
Best JavaScript code snippet using wpt
categories.js
Source:categories.js 
1module.exports = [2 {3 count: 7023,4 ids: [5 -100,6 207,7 220,8 260,9 233,10 -102,11 244,12 252,13 275,14 276,15 -103,16 -104,17 -105,18 -107,19 -10620 ],21 image_url: "",22 level: 1,23 name: "å
¨é¨å家"24 },25 {26 count: 6426,27 id: -100,28 ids: [-100, 1, 8, 2, 7, 6, 4, 5, 3],29 level: 1,30 name: "ç¾é£",31 sub_categories: [32 {33 count: 6426,34 id: -100,35 image_url: "8644e1323e3a11137d7478d2c83095d4png",36 level: 1,37 name: "å
¨é¨"38 },39 {40 count: 2258,41 id: 1,42 image_url: "d8515995a32586701f3c184f422cf66apng",43 level: 1,44 name: "ç®é¤ä¾¿å½"45 },46 {47 count: 1170,48 id: 8,49 image_url: "6f8c0289b217b04fffd70c5f1f397103png",50 level: 1,51 name: "å°æ¹èç³»"52 },53 {54 count: 959,55 id: 2,56 image_url: "af571d2ac336d2bde99a2f2b7be97505png",57 level: 1,58 name: "é¢é£ç²¥ç¹"59 },60 {61 count: 949,62 id: 7,63 image_url: "18eedac58bbcfd59e4a2805abfe11ff2jpeg",64 level: 1,65 name: "å°åç¸ä¸²"66 },67 {68 count: 364,69 id: 6,70 image_url: "a5766bbe0b3ce5c74d81b63e06b614e1png",71 level: 1,72 name: "è½»é£è¥¿é¤"73 },74 {75 count: 332,76 id: 4,77 image_url: "f36695c9aab9774acbf5ba7e553b8a99jpeg",78 level: 1,79 name: "é¦é
åè"80 },81 {82 count: 219,83 id: 5,84 image_url: "ce8b3161428d69729cdeb8095946326bjpeg",85 level: 1,86 name: "æ¥é©æç"87 },88 {89 count: 175,90 id: 3,91 image_url: "808fc83b1b9fe47e04219466b269c3bapng",92 level: 1,93 name: "æ±å ¡æ«è¨"94 }95 ]96 },97 {98 count: 2699,99 id: 207,100 ids: [207],101 level: 1,102 name: "å¿«é¤ä¾¿å½",103 sub_categories: [104 {105 count: 2699,106 id: 207,107 image_url: "44545a0518aab93817cfe611e88bb702png",108 level: 1,109 name: "å
¨é¨"110 },111 {112 count: 1574,113 id: 265,114 image_url: "be84bc4d7cf12deee9115b16eb099302png",115 level: 2,116 name: "ç®é¤"117 },118 {119 count: 539,120 id: 209,121 image_url: "66b78c0e7099c278977298d7c6042c80png",122 level: 2,123 name: "çæµé¥"124 },125 {126 count: 539,127 id: 213,128 image_url: "02e6c9e3bf338ec0ba0d923717b9f8acpng",129 level: 2,130 name: "ç±³ç²é¢é¦"131 },132 {133 count: 192,134 id: 215,135 image_url: "af6ab89041b3e77fe115d1e4b72d69f0png",136 level: 2,137 name: "å
åç²¥åº"138 },139 {140 count: 189,141 id: 214,142 image_url: "4d347d0dc65dd75fb2911256aabf2327png",143 level: 2,144 name: "麻辣ç«"145 },146 {147 count: 147,148 id: 217,149 image_url: "65b575c2278a3f6e5c70af45b578cbeepng",150 level: 2,151 name: "饺åé¦é¥¨"152 },153 {154 count: 143,155 id: 219,156 image_url: "eddd9dc7e5d21debe2fb278ae01fefe9png",157 level: 2,158 name: "é¦é
ç é
"159 },160 {161 count: 81,162 id: 216,163 image_url: "4c6af48f68284ad91c6d95d2bd3f4aa6png",164 level: 2,165 name: "çç
é
è´´"166 },167 {168 count: 78,169 id: 212,170 image_url: "7d47af01fccc46fc3621865a9cc07c93png",171 level: 2,172 name: "æ±å ¡"173 },174 {175 count: 60,176 id: 267,177 image_url: "79637dc36d67de4fe48d121ea77b3eddpng",178 level: 2,179 name: "é»ç鸡米é¥"180 },181 {182 count: 38,183 id: 266,184 image_url: "c09d1ff71384e2e1664f72e0a928810dpng",185 level: 2,186 name: "ç§è
é¥"187 },188 {189 count: 31,190 id: 269,191 image_url: "180cb951c2d4eb2e220debf4571bf83apng",192 level: 2,193 name: "ç
²ä»é¥"194 },195 {196 count: 16,197 id: 268,198 image_url: "cdf208b399b854e456f23d28b1972e97png",199 level: 2,200 name: "åå±é¥"201 }202 ]203 },204 {205 count: 1040,206 id: 220,207 ids: [220],208 level: 1,209 name: "ç¹è²èç³»",210 sub_categories: [211 {212 count: 1040,213 id: 220,214 image_url: "6f8c0289b217b04fffd70c5f1f397103png",215 level: 1,216 name: "å
¨é¨"217 },218 {219 count: 446,220 id: 221,221 image_url: "43b0e4694f8ebc393cce6723d5df5222png",222 level: 2,223 name: "å·æ¹è"224 },225 {226 count: 155,227 id: 263,228 image_url: "94ac841e2c3e27f8eeeaa917574ed574png",229 level: 2,230 name: "å
¶ä»èç³»"231 },232 {233 count: 141,234 id: 225,235 image_url: "2d098842683548f9626cf0a8c879257dpng",236 level: 2,237 name: "æ±æµè"238 },239 {240 count: 138,241 id: 231,242 image_url: "c03d81f550eb849ed2d4d0290ced9099png",243 level: 2,244 name: "ç«é
ç¤é±¼"245 },246 {247 count: 137,248 id: 222,249 image_url: "e320bf1ab9762cb1faad27d79f51219cpng",250 level: 2,251 name: "粤è"252 },253 {254 count: 83,255 id: 232,256 image_url: "a33f1ec0044ddd4d282fbc8b1f0a946fpng",257 level: 2,258 name: "æµ·é²"259 },260 {261 count: 33,262 id: 223,263 image_url: "aa4de1e9b54170cf495d8052407658c5png",264 level: 2,265 name: "ä¸åè"266 },267 {268 count: 14,269 id: 224,270 image_url: "54dabf93116f4a336fcc91431be43828png",271 level: 2,272 name: "äºåè"273 },274 {275 count: 12,276 id: 226,277 image_url: "741d15270496d7699dd2e7804fccc7a1png",278 level: 2,279 name: "西åè"280 },281 {282 count: 11,283 id: 228,284 image_url: "a7e6d9cf1993fa4fe0bd02d74d40c9c2png",285 level: 2,286 name: "æ°çè"287 }288 ]289 },290 {291 count: 621,292 id: 260,293 ids: [260],294 level: 1,295 name: "å¼å½æç",296 sub_categories: [297 {298 count: 621,299 id: 260,300 image_url: "754c5c2ad1b01668a7186ec5f0fb0e59png",301 level: 1,302 name: "å
¨é¨"303 },304 {305 count: 308,306 id: 230,307 image_url: "78c45200d58e5c02cb70fb8287df732dpng",308 level: 2,309 name: "西é¤"310 },311 {312 count: 219,313 id: 229,314 image_url: "cf8c84a2fe5ecf27b21bcbddc1724d36png",315 level: 2,316 name: "æ¥é©æç"317 },318 {319 count: 97,320 id: 211,321 image_url: "bb7eb2afe778ba9afbe54f9d282818d1png",322 level: 2,323 name: "æ«è¨æé¢"324 },325 {326 count: 56,327 id: 264,328 image_url: "614053401fddc171eed0436f3cd1f7dcpng",329 level: 2,330 name: "ä¸åäºè"331 }332 ]333 },334 {335 count: 949,336 id: 233,337 ids: [233],338 level: 1,339 name: "å°åå¤å®µ",340 sub_categories: [341 {342 count: 949,343 id: 233,344 image_url: "7d714540b1590552d991fd731e8772a3png",345 level: 1,346 name: "å
¨é¨"347 },348 {349 count: 471,350 id: 237,351 image_url: "90483b16d9598aec798263220eb3a821png",352 level: 2,353 name: "å°æ¹å°å"354 },355 {356 count: 213,357 id: 236,358 image_url: "d049fb617edcea921185258d1675db83png",359 level: 2,360 name: "å°é¾è¾"361 },362 {363 count: 185,364 id: 218,365 image_url: "3c6e2763cf4ee56f18fd1b7360585fb3png",366 level: 2,367 name: "ç§ç¤"368 },369 {370 count: 177,371 id: 234,372 image_url: "71164ef684e8a13b5e66a20a1c55671cpng",373 level: 2,374 name: "ç¸é¸¡ç¸ä¸²"375 },376 {377 count: 88,378 id: 235,379 image_url: "efdba78945f83ed1e8e6e838718b4c65png",380 level: 2,381 name: "é¸èå¤å³"382 },383 {384 count: 40,385 id: 238,386 image_url: "d7e0be7e5420e213ea42e4fa3efa762bpng",387 level: 2,388 name: "é¶é£"389 }390 ]391 },392 {393 count: 2449,394 id: -102,395 ids: [-102, 11, 9, 10, 12],396 level: 1,397 name: "çå饮å",398 sub_categories: [399 {400 count: 2449,401 id: -102,402 image_url: "cac2f06034f8e73eb7793b08c1987049png",403 level: 1,404 name: "å
¨é¨"405 },406 {407 count: 783,408 id: 11,409 image_url: "62c31de0a7f41231e4c6934dea621a33png",410 level: 1,411 name: "奶è¶ææ±"412 },413 {414 count: 735,415 id: 9,416 image_url: "213cbac0242d4845d1d28af0fa5fe35epng",417 level: 1,418 name: "çå"419 },420 {421 count: 520,422 id: 10,423 image_url: "c2f05ef82a7ee44b7848b7fb598d42e3png",424 level: 1,425 name: "åå¡"426 },427 {428 count: 411,429 id: 12,430 image_url: "ac94b005c97ef158282326cb49389893png",431 level: 1,432 name: "é¢å
èç³"433 }434 ]435 },436 {437 count: 569,438 id: 244,439 ids: [244],440 level: 1,441 name: "æè¬çé²",442 sub_categories: [443 {444 count: 569,445 id: 244,446 image_url: "1ce198f37a81285f4afa2aaf826a558fpng",447 level: 1,448 name: "å
¨é¨"449 },450 {451 count: 331,452 id: 245,453 image_url: "a831a37ec670ca93cd35a8a6b5a20e62png",454 level: 2,455 name: "æ°´æ"456 },457 {458 count: 190,459 id: 247,460 image_url: "14e5ef2c311b6a8eb9727a4e0d34ae54png",461 level: 2,462 name: "è禽èå"463 },464 {465 count: 157,466 id: 246,467 image_url: "a0491106bd35ae2dfdf4902d2d54b200jpeg",468 level: 2,469 name: "è¬èè±å"470 },471 {472 count: 55,473 id: 270,474 image_url: "a2ab438ee4ac09e6e53b3f96694bac81png",475 level: 2,476 name: "æµ·é²æ°´äº§"477 }478 ]479 },480 {481 count: 499,482 id: 252,483 ids: [252],484 level: 1,485 name: "ååºè¶
å¸",486 sub_categories: [487 {488 count: 499,489 id: 252,490 image_url: "df21b511f287ccb402e68285d2653caepng",491 level: 1,492 name: "å
¨é¨"493 },494 {495 count: 230,496 id: 254,497 image_url: "92ae70438be9a3adfc5a560c1e6ae818png",498 level: 2,499 name: "大åè¶
å¸"500 },501 {502 count: 165,503 id: 271,504 image_url: "841d136b17fa4cb871a296c9e4997cfapng",505 level: 2,506 name: "便å©åº"507 },508 {509 count: 60,510 id: 274,511 image_url: "7df84232aebbb5ffb53e564c9e328d31png",512 level: 2,513 name: "åé
å"514 },515 {516 count: 52,517 id: 273,518 image_url: "c2b0e2b27ea55a9a7211f14ad95dcd0apng",519 level: 2,520 name: "ä¼é²é¶é£"521 },522 {523 count: 38,524 id: 255,525 image_url: "825031dc99e1f99c26feb7186b6cf3a6png",526 level: 2,527 name: "æ°´ç«"528 },529 {530 count: 26,531 id: 290,532 image_url: "337f30d05887289cf1ea0dc67133896bpng",533 level: 2,534 name: "å·å»éé£"535 },536 {537 count: 14,538 id: 298,539 image_url: "e2b9d3e00a2cc80c95389206b681558bpng",540 level: 2,541 name: "å® ç©è¶
å¸"542 },543 {544 count: 7,545 id: 282,546 image_url: "c28c16653a037261f47eec43f5a7adc6png",547 level: 2,548 name: "饮æå°å"549 },550 {551 count: 5,552 id: 272,553 image_url: "f7e32a289deca477c286362e3a1bc2bcpng",554 level: 2,555 name: "ç¾å¦æ¯å©´"556 },557 {558 count: 3,559 id: 256,560 image_url: "f6460e330d25dabd4fd8db07cf53f039png",561 level: 2,562 name: "奶ç«"563 },564 {565 count: 3,566 id: 258,567 image_url: "54b7ce87994d6770f1ead57b0038c569png",568 level: 2,569 name: "è¶è¡"570 },571 {572 count: 2,573 id: 257,574 image_url: "b435af6662fd0b3e9fb6537474753f72png",575 level: 2,576 name: "粮油å¯é£"577 }578 ]579 },580 {581 count: 650,582 id: 275,583 ids: [275],584 level: 1,585 name: "é²è±ç»¿æ¤",586 sub_categories: [587 {588 count: 650,589 id: 275,590 image_url: "49e9cad976ae50274ec36fcf911505e2png",591 level: 1,592 name: "å
¨é¨"593 },594 {595 count: 650,596 id: 330,597 image_url: "4080dde0a257591ecb6294d31f938b48png",598 level: 2,599 name: "é²è±"600 },601 {602 count: 55,603 id: 338,604 image_url: "c5ec07778f90bae26b042d3cec2106e2png",605 level: 2,606 name: "绿æ¤"607 }608 ]609 },610 {611 count: 17,612 id: 276,613 ids: [276],614 level: 1,615 name: "å»è¯å¥åº·",616 sub_categories: [617 {618 count: 17,619 id: 276,620 image_url: "e72b62bec62175b8a57cbdc4a95c5f2bpng",621 level: 1,622 name: "å
¨é¨"623 },624 {625 count: 11,626 id: 306,627 image_url: "cece178a0e243f6b95847c8875ff612cpng",628 level: 2,629 name: "è¯åº"630 },631 {632 count: 6,633 id: 314,634 image_url: "a09977cd2fe2355b4dd078fb4218d5depng",635 level: 2,636 name: "æ人ç¨å"637 }638 ]639 },640 {641 count: 1907,642 id: -103,643 ids: [-103, -9, -5, -6, -8, -11, -7, -4],644 level: 1,645 name: "æ©é¤",646 sub_categories: [647 {648 count: 1907,649 id: -103,650 image_url: "f2c5870ff4c3f9fd702346ae907ab038png",651 level: 1,652 name: "å
¨é¨"653 },654 {655 count: 783,656 id: -9,657 image_url: "62c31de0a7f41231e4c6934dea621a33png",658 level: 1,659 name: "奶è¶ææ±"660 },661 {662 count: 539,663 id: -5,664 image_url: "02e6c9e3bf338ec0ba0d923717b9f8acpng",665 level: 1,666 name: "ç±³ç²é¢é¦"667 },668 {669 count: 192,670 id: -6,671 image_url: "af6ab89041b3e77fe115d1e4b72d69f0png",672 level: 1,673 name: "å
åç²¥åº"674 },675 {676 count: 147,677 id: -8,678 image_url: "65b575c2278a3f6e5c70af45b578cbeepng",679 level: 1,680 name: "饺åé¦é¥¨"681 },682 {683 count: 87,684 id: -11,685 image_url: "512232422a83e25a2c0a5588b7b6e730png",686 level: 1,687 name: "é¢å
"688 },689 {690 count: 81,691 id: -7,692 image_url: "4c6af48f68284ad91c6d95d2bd3f4aa6png",693 level: 1,694 name: "çç
é
è´´"695 },696 {697 count: 78,698 id: -4,699 image_url: "7d47af01fccc46fc3621865a9cc07c93png",700 level: 1,701 name: "æ±å ¡"702 }703 ]704 },705 {706 count: 2383,707 id: -104,708 ids: [-104, -15, -12, -14, -13],709 level: 1,710 name: "åé¤",711 sub_categories: [712 {713 count: 2383,714 id: -104,715 image_url: "b0c0d7e523251cec33b96953d72c0348jpeg",716 level: 1,717 name: "å
¨é¨"718 },719 {720 count: 1574,721 id: -15,722 image_url: "be84bc4d7cf12deee9115b16eb099302png",723 level: 1,724 name: "ç®é¤"725 },726 {727 count: 539,728 id: -12,729 image_url: "66b78c0e7099c278977298d7c6042c80png",730 level: 1,731 name: "çæµé¥"732 },733 {734 count: 192,735 id: -14,736 image_url: "af6ab89041b3e77fe115d1e4b72d69f0png",737 level: 1,738 name: "å
åç²¥åº"739 },740 {741 count: 78,742 id: -13,743 image_url: "7d47af01fccc46fc3621865a9cc07c93png",744 level: 1,745 name: "æ±å ¡"746 }747 ]748 },749 {750 count: 3516,751 id: -105,752 ids: [-105, -16, -17, -21, -18, -20, -19, -22],753 level: 1,754 name: "ä¸åè¶",755 sub_categories: [756 {757 count: 3516,758 id: -105,759 image_url: "eb63a10e117d6ec35d6ceed2df72eadapng",760 level: 1,761 name: "å
¨é¨"762 },763 {764 count: 783,765 id: -16,766 image_url: "62c31de0a7f41231e4c6934dea621a33png",767 level: 1,768 name: "奶è¶ææ±"769 },770 {771 count: 735,772 id: -17,773 image_url: "213cbac0242d4845d1d28af0fa5fe35epng",774 level: 1,775 name: "çå"776 },777 {778 count: 648,779 id: -21,780 image_url: "71164ef684e8a13b5e66a20a1c55671cpng",781 level: 1,782 name: "ç¸é¸¡å°å"783 },784 {785 count: 520,786 id: -18,787 image_url: "c2f05ef82a7ee44b7848b7fb598d42e3png",788 level: 1,789 name: "åå¡"790 },791 {792 count: 411,793 id: -20,794 image_url: "ac94b005c97ef158282326cb49389893png",795 level: 1,796 name: "é¢å
èç³"797 },798 {799 count: 331,800 id: -19,801 image_url: "a831a37ec670ca93cd35a8a6b5a20e62png",802 level: 1,803 name: "æ°´æ"804 },805 {806 count: 88,807 id: -22,808 image_url: "efdba78945f83ed1e8e6e838718b4c65png",809 level: 1,810 name: "é¸èå¤å³"811 }812 ]813 },814 {815 count: 4893,816 id: -107,817 ids: [-107, -31, -37, -33, -32, -35, -34, -36, -38, -40, -39],818 level: 1,819 name: "æé¤",820 sub_categories: [821 {822 count: 4893,823 id: -107,824 image_url: "07af2e54dddf2d82a05ecd1f2a194e13png",825 level: 1,826 name: "å
¨é¨"827 },828 {829 count: 1574,830 id: -31,831 image_url: "be84bc4d7cf12deee9115b16eb099302png",832 level: 1,833 name: "ç®é¤"834 },835 {836 count: 783,837 id: -37,838 image_url: "62c31de0a7f41231e4c6934dea621a33png",839 level: 1,840 name: "奶è¶ææ±"841 },842 {843 count: 539,844 id: -33,845 image_url: "02e6c9e3bf338ec0ba0d923717b9f8acpng",846 level: 1,847 name: "ç±³ç²é¢é¦"848 },849 {850 count: 539,851 id: -32,852 image_url: "66b78c0e7099c278977298d7c6042c80png",853 level: 1,854 name: "çæµé¥"855 },856 {857 count: 471,858 id: -35,859 image_url: "90483b16d9598aec798263220eb3a821png",860 level: 1,861 name: "å°æ¹å°å"862 },863 {864 count: 446,865 id: -34,866 image_url: "43b0e4694f8ebc393cce6723d5df5222png",867 level: 1,868 name: "å·æ¹è"869 },870 {871 count: 189,872 id: -36,873 image_url: "4d347d0dc65dd75fb2911256aabf2327png",874 level: 1,875 name: "麻辣ç«"876 },877 {878 count: 177,879 id: -38,880 image_url: "71164ef684e8a13b5e66a20a1c55671cpng",881 level: 1,882 name: "ç¸é¸¡ç¸ä¸²"883 },884 {885 count: 97,886 id: -40,887 image_url: "bb7eb2afe778ba9afbe54f9d282818d1png",888 level: 1,889 name: "æ«è¨æé¢"890 },891 {892 count: 78,893 id: -39,894 image_url: "7d47af01fccc46fc3621865a9cc07c93png",895 level: 1,896 name: "æ±å ¡"897 }898 ]899 },900 {901 count: 1852,902 id: -106,903 ids: [-106, -24, -29, -28, -25, -26, -27, -23],904 level: 1,905 name: "å¤å®µ",906 sub_categories: [907 {908 count: 1852,909 id: -106,910 image_url: "d763d496b0454edd5ddb7eb5d796b56bpng",911 level: 1,912 name: "å
¨é¨"913 },914 {915 count: 539,916 id: -24,917 image_url: "02e6c9e3bf338ec0ba0d923717b9f8acpng",918 level: 1,919 name: "ç±³ç²é¢é¦"920 },921 {922 count: 471,923 id: -29,924 image_url: "90483b16d9598aec798263220eb3a821png",925 level: 1,926 name: "å°æ¹å°å"927 },928 {929 count: 213,930 id: -28,931 image_url: "d049fb617edcea921185258d1675db83png",932 level: 1,933 name: "å°é¾è¾"934 },935 {936 count: 189,937 id: -25,938 image_url: "4d347d0dc65dd75fb2911256aabf2327png",939 level: 1,940 name: "麻辣ç«"941 },942 {943 count: 185,944 id: -26,945 image_url: "3c6e2763cf4ee56f18fd1b7360585fb3png",946 level: 1,947 name: "ç§ç¤"948 },949 {950 count: 177,951 id: -27,952 image_url: "71164ef684e8a13b5e66a20a1c55671cpng",953 level: 1,954 name: "ç¸é¸¡ç¸ä¸²"955 },956 {957 count: 78,958 id: -23,959 image_url: "7d47af01fccc46fc3621865a9cc07c93png",960 level: 1,961 name: "æ±å ¡"962 }963 ]964 }...
SelectPage.js
Source:SelectPage.js
1import React, { Component } from 'react';2import { Pagination, Input } from 'antd';3import Head from './Head'4import '../scss/PageList.scss';5import 'antd/dist/antd.css';6import PublicFoot from './PublicFoot.js';7import axios from 'axios';8const { Search } = Input;9class SelectPage extends Component {10 constructor() {11 super();12 this.state = {13 // jiashuju: [14 // {15 // image_url: './images/1.jpg',16 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'17 // },18 // {19 // image_url: './images/2.jpg',20 // title: 'å¬æ'21 // },22 // {23 // image_url: './images/1.jpg',24 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'25 // },26 // {27 // image_url: './images/2.jpg',28 // title: 'å¬æ'29 // },30 // {31 // image_url: './images/1.jpg',32 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'33 // },34 // {35 // image_url: './images/2.jpg',36 // title: 'å¬æ'37 // },38 // {39 // image_url: './images/1.jpg',40 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'41 // },42 // {43 // image_url: './images/2.jpg',44 // title: 'å¬æ'45 // },46 // {47 // image_url: './images/1.jpg',48 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'49 // },50 // {51 // image_url: './images/2.jpg',52 // title: 'å¬æ'53 // },54 // {55 // image_url: './images/1.jpg',56 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'57 // },58 // {59 // image_url: './images/2.jpg',60 // title: 'å¬æ'61 // },62 // {63 // image_url: './images/1.jpg',64 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'65 // },66 // {67 // image_url: './images/2.jpg',68 // title: 'å¬æ'69 // },70 // {71 // image_url: './images/1.jpg',72 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'73 // },74 // {75 // image_url: './images/2.jpg',76 // title: 'å¬æ'77 // },78 // {79 // image_url: './images/1.jpg',80 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'81 // },82 // {83 // image_url: './images/2.jpg',84 // title: 'å¬æ'85 // },86 // {87 // image_url: './images/1.jpg',88 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'89 // },90 // {91 // image_url: './images/2.jpg',92 // title: 'å¬æ'93 // },94 // {95 // image_url: './images/1.jpg',96 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'97 // },98 // {99 // image_url: './images/2.jpg',100 // title: 'å¬æ'101 // },102 // {103 // image_url: './images/1.jpg',104 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'105 // },106 // {107 // image_url: './images/2.jpg',108 // title: 'å¬æ'109 // },110 // {111 // image_url: './images/1.jpg',112 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'113 // },114 // {115 // image_url: './images/2.jpg',116 // title: 'å¬æ'117 // },118 // {119 // image_url: './images/1.jpg',120 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'121 // },122 // {123 // image_url: './images/2.jpg',124 // title: 'å¬æ'125 // },126 // {127 // image_url: './images/1.jpg',128 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'129 // },130 // {131 // image_url: './images/2.jpg',132 // title: 'å¬æ'133 // },134 // {135 // image_url: './images/1.jpg',136 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'137 // },138 // {139 // image_url: './images/2.jpg',140 // title: 'å¬æ'141 // },142 // {143 // image_url: './images/1.jpg',144 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'145 // },146 // {147 // image_url: './images/2.jpg',148 // title: 'å¬æ'149 // },150 // {151 // image_url: './images/1.jpg',152 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'153 // },154 // {155 // image_url: './images/2.jpg',156 // title: 'å¬æ'157 // },158 // {159 // image_url: './images/1.jpg',160 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'161 // },162 // {163 // image_url: './images/2.jpg',164 // title: 'å¬æ'165 // },166 // {167 // image_url: './images/1.jpg',168 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'169 // },170 // {171 // image_url: './images/2.jpg',172 // title: 'å¬æ'173 // },174 // {175 // image_url: './images/1.jpg',176 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'177 // },178 // {179 // image_url: './images/2.jpg',180 // title: 'å¬æ'181 // },182 // {183 // image_url: './images/1.jpg',184 // title: 'æçæªæ¥éªå£«å¢ä¸å¯è½é½æ¯æ¥å
µ'185 // },186 // {187 // image_url: './images/2.jpg',188 // title: 'å¬æ'189 // }190 // ],191 datalist: [],192 showlist: [],193 page: 1,194 total: 0195 }196 this.search = this.search.bind(this);197 this.changepage = this.changepage.bind(this);198 }199 async search(value) {200 if (value.trim()) {201 let result = await axios.post('http://localhost:8100/chaxuns', { value })202 if (result.data.status) {203 this.setState({204 datalist: result.data.data,205 showlist: result.data.data.slice(0, 4),206 total: result.data.data.length207 })208 }209 }210 }211 changepage(page) {212 let { datalist } = this.state;213 this.setState({214 showlist: datalist.slice((page - 1) * 4, page * 4)215 })216 }217 componentDidMount() {218 let { query } = this.props.location;219 if (query) {220 let { value } = query;221 this.search(value);222 }223 }224 render() {225 return (226 <>227 <Head></Head>228 <div>229 <div id="pagelist" >230 <h2>231 <div><span className="square"></span>æç´¢å°è¯´</div>232 <div className="changetype">233 <Search234 placeholder="æç´¢å°è¯´"235 onSearch={this.search}236 style={{ width: 200 }}237 />238 </div>239 </h2>240 <ul className="fictionlist">241 {242 this.state.showlist.map((item, index) => {243 return (244 <li key={index}>245 <img src={item.images} alt="" />246 <p className="title">{item.bookname}</p>247 </li>248 )249 })250 }251 </ul>252 <Pagination defaultCurrent={1} pageSize={4} total={this.state.total} onChange={this.changepage} />253 </div>254 <PublicFoot />255 </div>256 </>257 )258 }259}...
category.js
Source:category.js
1export default [2{3count: 0,4ids: [5207,6220,7260,8233,9239,10244,11248,1225213],14image_url: "",15level: 1,16name: "å
¨é¨å家"17},18{19count: 0,20id: 207,21ids: [2220723],24image_url: "bff533cf9617bd57fe1dfb05603bebcfpng",25level: 1,26name: "å¿«é¤ä¾¿å½",27sub_categories: [28{29count: 0,30id: 207,31image_url: "44545a0518aab93817cfe611e88bb702png",32level: 1,33name: "å
¨é¨å¿«é¤ä¾¿å½"34},35{36count: 0,37id: 265,38image_url: "be84bc4d7cf12deee9115b16eb099302png",39level: 2,40name: "ç®é¤"41},42{43count: 0,44id: 209,45image_url: "66b78c0e7099c278977298d7c6042c80png",46level: 2,47name: "çæµé¥"48},49{50count: 0,51id: 213,52image_url: "02e6c9e3bf338ec0ba0d923717b9f8acpng",53level: 2,54name: "ç±³ç²é¢é¦"55},56{57count: 0,58id: 215,59image_url: "af6ab89041b3e77fe115d1e4b72d69f0png",60level: 2,61name: "å
åç²¥åº"62},63{64count: 0,65id: 219,66image_url: "eddd9dc7e5d21debe2fb278ae01fefe9png",67level: 2,68name: "é¦é
ç é
"69},70{71count: 0,72id: 214,73image_url: "4d347d0dc65dd75fb2911256aabf2327png",74level: 2,75name: "麻辣ç«"76},77{78count: 0,79id: 217,80image_url: "65b575c2278a3f6e5c70af45b578cbeepng",81level: 2,82name: "饺åé¦é¥¨"83},84{85count: 0,86id: 212,87image_url: "7d47af01fccc46fc3621865a9cc07c93png",88level: 2,89name: "æ±å ¡"90},91{92count: 0,93id: 216,94image_url: "4c6af48f68284ad91c6d95d2bd3f4aa6png",95level: 2,96name: "çç
é
è´´"97},98{99count: 0,100id: 267,101image_url: "79637dc36d67de4fe48d121ea77b3eddpng",102level: 2,103name: "é»ç鸡米é¥"104},105{106count: 0,107id: 266,108image_url: "c09d1ff71384e2e1664f72e0a928810dpng",109level: 2,110name: "ç§è
é¥"111},112{113count: 0,114id: 269,115image_url: "180cb951c2d4eb2e220debf4571bf83apng",116level: 2,117name: "ç
²ä»é¥"118},119{120count: 0,121id: 268,122image_url: "cdf208b399b854e456f23d28b1972e97png",123level: 2,124name: "åå±é¥"125}126]127},128{129count: 0,130id: 220,131ids: [132220133],134image_url: "655ac1bfd1e818013a9f099e964f1e9djpeg",135level: 1,136name: "ç¹è²èç³»",137sub_categories: [138{139count: 0,140id: 220,141image_url: "ef32dabbcd88fbed5a336383e74c733dpng",142level: 1,143name: "å
¨é¨ç¹è²èç³»"144},145{146count: 0,147id: 221,148image_url: "43b0e4694f8ebc393cce6723d5df5222png",149level: 2,150name: "å·æ¹è"151},152{153count: 0,154id: 263,155image_url: "94ac841e2c3e27f8eeeaa917574ed574png",156level: 2,157name: "å
¶ä»èç³»"158},159{160count: 0,161id: 225,162image_url: "2d098842683548f9626cf0a8c879257dpng",163level: 2,164name: "æ±æµè"165},166{167count: 0,168id: 222,169image_url: "e320bf1ab9762cb1faad27d79f51219cpng",170level: 2,171name: "粤è"172},173{174count: 0,175id: 232,176image_url: "a33f1ec0044ddd4d282fbc8b1f0a946fpng",177level: 2,178name: "æµ·é²"179},180{181count: 0,182id: 231,183image_url: "c03d81f550eb849ed2d4d0290ced9099png",184level: 2,185name: "ç«é
ç¤é±¼"186},187{188count: 0,189id: 223,190image_url: "aa4de1e9b54170cf495d8052407658c5png",191level: 2,192name: "ä¸åè"193},194{195count: 0,196id: 226,197image_url: "741d15270496d7699dd2e7804fccc7a1png",198level: 2,199name: "西åè"200},201{202count: 0,203id: 224,204image_url: "54dabf93116f4a336fcc91431be43828png",205level: 2,206name: "äºåè"207},208{209count: 0,210id: 228,211image_url: "a7e6d9cf1993fa4fe0bd02d74d40c9c2png",212level: 2,213name: "æ°çè"214},215{216count: 0,217id: 227,218image_url: "e19bf59188a157dfc372b3d254fc986dpng",219level: 2,220name: "é²è"221}222]223},224{225count: 0,226id: 260,227ids: [228260229],230image_url: "1babf6efbfdb0ef701f19689a5529e5fjpeg",231level: 1,232name: "å¼å½æç",233sub_categories: [234{235count: 0,236id: 260,237image_url: "754c5c2ad1b01668a7186ec5f0fb0e59png",238level: 1,239name: "å
¨é¨å¼å½æç"240},241{242count: 0,243id: 229,244image_url: "cf8c84a2fe5ecf27b21bcbddc1724d36png",245level: 2,246name: "æ¥é©æç"247},248{249count: 0,250id: 230,251image_url: "78c45200d58e5c02cb70fb8287df732dpng",252level: 2,253name: "西é¤"254},255{256count: 0,257id: 211,258image_url: "bb7eb2afe778ba9afbe54f9d282818d1png",259level: 2,260name: "æ«è¨æé¢"261},262{263count: 0,264id: 264,265image_url: "614053401fddc171eed0436f3cd1f7dcpng",266level: 2,267name: "ä¸åäºè"268}269]270},271{272count: 0,273id: 233,274ids: [275233276],277image_url: "435a7eda7659bac613e524ca7c1ae12epng",278level: 1,279name: "å°åå¤å®µ",280sub_categories: [281{282count: 0,283id: 233,284image_url: "7d714540b1590552d991fd731e8772a3png",285level: 1,286name: "å
¨é¨å°åå¤å®µ"287},288{289count: 0,290id: 236,291image_url: "d049fb617edcea921185258d1675db83png",292level: 2,293name: "å°é¾è¾"294},295{296count: 0,297id: 237,298image_url: "90483b16d9598aec798263220eb3a821png",299level: 2,300name: "å°æ¹å°å"301},302{303count: 0,304id: 218,305image_url: "3c6e2763cf4ee56f18fd1b7360585fb3png",306level: 2,307name: "ç§ç¤"308},309{310count: 0,311id: 234,312image_url: "71164ef684e8a13b5e66a20a1c55671cpng",313level: 2,314name: "ç¸é¸¡ç¸ä¸²"315},316{317count: 0,318id: 235,319image_url: "efdba78945f83ed1e8e6e838718b4c65png",320level: 2,321name: "é¸èå¤å³"322},323{324count: 0,325id: 238,326image_url: "d7e0be7e5420e213ea42e4fa3efa762bpng",327level: 2,328name: "é¶é£"329}330]331},332{333count: 0,334id: 239,335ids: [336239337],338image_url: "48243703799592368585b23589cf3ba8png",339level: 1,340name: "çå饮å",341sub_categories: [342{343count: 0,344id: 239,345image_url: "3233a4cac2e5e02cade80cce22992796png",346level: 1,347name: "å
¨é¨çå饮å"348},349{350count: 0,351id: 240,352image_url: "3a40add809b4405e677c4cab574e56c4png",353level: 2,354name: "奶è¶ææ±"355},356{357count: 0,358id: 241,359image_url: "213cbac0242d4845d1d28af0fa5fe35epng",360level: 2,361name: "çå"362},363{364count: 0,365id: 242,366image_url: "c2f05ef82a7ee44b7848b7fb598d42e3png",367level: 2,368name: "åå¡"369}370]371},372{373count: 0,374id: 244,375ids: [376244377],378image_url: "6235a6fce94bed63a21508f68a72c158png",379level: 1,380name: "æè¬çé²",381sub_categories: [382{383count: 0,384id: 244,385image_url: "1ce198f37a81285f4afa2aaf826a558fpng",386level: 1,387name: "å
¨é¨æè¬çé²"388},389{390count: 0,391id: 245,392image_url: "a831a37ec670ca93cd35a8a6b5a20e62png",393level: 2,394name: "æ°´æ"395},396{397count: 0,398id: 247,399image_url: "6d3cef77e055d03598cba821ebcf1f06png",400level: 2,401name: "çé²"402},403{404count: 0,405id: 246,406image_url: "1729548b88614c1b3a6e71ef7f89f294png",407level: 2,408name: "è¬è"409},410{411count: 0,412id: 270,413image_url: "a2ab438ee4ac09e6e53b3f96694bac81png",414level: 2,415name: "æµ·é²æ°´äº§"416}417]418},419{420count: 0,421id: 248,422ids: [423248424],425image_url: "0e07558e305abfb2618ae760142222f9png",426level: 1,427name: "é²è±èç³",428sub_categories: [429{430count: 0,431id: 248,432image_url: "3edf3f4ef8ed1d300896c5b9178685ebpng",433level: 1,434name: "å
¨é¨é²è±èç³"435},436{437count: 0,438id: 251,439image_url: "cf598de7338b4bf9dd2924736c4ec9d2png",440level: 2,441name: "é²è±"442},443{444count: 0,445id: 249,446image_url: "ac94b005c97ef158282326cb49389893png",447level: 2,448name: "èç³"449},450{451count: 0,452id: 250,453image_url: "512232422a83e25a2c0a5588b7b6e730png",454level: 2,455name: "é¢å
"456}457]458},459{460count: 0,461id: 252,462ids: [463252464],465image_url: "ac15c5dd59b641bdfdeb822362547fb4png",466level: 1,467name: "ååºè¶
å¸",468sub_categories: [469{470count: 0,471id: 252,472image_url: "df21b511f287ccb402e68285d2653caepng",473level: 1,474name: "å
¨é¨ååºè¶
å¸"475},476{477count: 0,478id: 254,479image_url: "92ae70438be9a3adfc5a560c1e6ae818png",480level: 2,481name: "è¶
å¸"482},483{484count: 0,485id: 271,486image_url: "841d136b17fa4cb871a296c9e4997cfapng",487level: 2,488name: "便å©åº"489},490{491count: 0,492id: 274,493image_url: "7df84232aebbb5ffb53e564c9e328d31png",494level: 2,495name: "åé
å"496},497{498count: 0,499id: 273,500image_url: "c2b0e2b27ea55a9a7211f14ad95dcd0apng",501level: 2,502name: "é¶é£é¥®æ"503},504{505count: 0,506id: 255,507image_url: "825031dc99e1f99c26feb7186b6cf3a6png",508level: 2,509name: "æ°´ç«"510},511{512count: 0,513id: 258,514image_url: "54b7ce87994d6770f1ead57b0038c569png",515level: 2,516name: "è¶"517},518{519count: 0,520id: 256,521image_url: "f6460e330d25dabd4fd8db07cf53f039png",522level: 2,523name: "奶ç«"524},525{526count: 0,527id: 257,528image_url: "b435af6662fd0b3e9fb6537474753f72png",529level: 2,530name: "粮油"531},532{533count: 0,534id: 272,535image_url: "f7e32a289deca477c286362e3a1bc2bcpng",536level: 2,537name: "ç¾å¦æ¯å©´"538}539]540}...
Using AI Code Generation
1const wptools = require('wptools');2wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));3const wptools = require('wptools');4wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));5const wptools = require('wptools');6wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));7const wptools = require('wptools');8wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));9const wptools = require('wptools');10wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));11const wptools = require('wptools');12wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));13const wptools = require('wptools');14wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));15const wptools = require('wptools');16wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));17const wptools = require('wptools');18wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));19const wptools = require('wptools');20wptools.page('Albert Einstein').then(page => page.image_url()).then(url => console.log(url));
Using AI Code Generation
1var wptools = require('wptools');2var image_url = wptools.image_url('Albert Einstein');3console.log(image_url);4var wptools = require('wptools');5var image_url = wptools.image_url('Albert Einstein');6console.log(image_url);7var wptools = require('wptools');8var image_url = wptools.image_url('Albert Einstein');9console.log(image_url);10var wptools = require('wptools');11var image_url = wptools.image_url('Albert Einstein');12console.log(image_url);13var wptools = require('wptools');14var image_url = wptools.image_url('Albert Einstein');15console.log(image_url);16var wptools = require('wptools');17var image_url = wptools.image_url('Albert Einstein');18console.log(image_url);19var wptools = require('wptools');20var image_url = wptools.image_url('Albert Einstein');21console.log(image_url);22var wptools = require('wptools');23var image_url = wptools.image_url('Albert Einstein');24console.log(image_url);25var wptools = require('wptools');26var image_url = wptools.image_url('Albert Einstein');27console.log(image_url);28var wptools = require('wptools');29var image_url = wptools.image_url('Albert Einstein');30console.log(image_url);31var wptools = require('wptools');32var image_url = wptools.image_url('Albert Einstein');33console.log(image_url);
Using AI Code Generation
1var wptools = require('wptools');2var wiki = wptools.page('Barack Obama');3wiki.get(function(err, resp) {4 console.log(resp.image_url);5});6 throw err;
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run wpt automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
