W tej ostatniej cz\u0119\u015bci serii samouczk\u00f3w dotycz\u0105cych blok\u00f3w niestandardowych Gutenberga dowiemy si\u0119, jak u\u017cywa\u0107 komponent\u00f3w wy\u017cszego rz\u0119du do wykorzystywania komponent\u00f3w WordPress do wykonywania zapyta\u0144 o posty i innych podstawowych informacji WordPress.<\/p>\n
W poprzedniej cz\u0119\u015bci dowiedzieli\u015bmy si\u0119 o blokach dynamicznych i zako\u0144czyli\u015bmy implementacj\u0119 funkcjonalno\u015bci do wpisywania identyfikatora posta i u\u017cywania PHP do dynamicznego pobierania posta i renderowania go w trybie frontendu i podgl\u0105du. R\u0119czne wpisywanie identyfikatora posta nie jest intuicyjne ani przyjazne dla u\u017cytkownika. O wiele lepiej jest zapewni\u0107 u\u017cytkownikowi mo\u017cliwo\u015b\u0107 wybierania lub wyszukiwania post\u00f3w wed\u0142ug tytu\u0142u posta i klikania na co\u015b, aby wybra\u0107 jeden.<\/p>\n
Jedna cz\u0119\u015b\u0107 rozwi\u0105zania tego problemu jest do\u015b\u0107 \u0142atwa; jak wyszukiwa\u0107 posty z Druga cz\u0119\u015b\u0107 rozwi\u0105zania tego problemu zale\u017cy od ciebie; czyli jak przedstawi\u0107 list\u0119 lub wyb\u00f3r w naszym bloku. Jak zamierzasz zaprezentowa\u0107 list\u0119 post\u00f3w do wyboru? Na li\u015bcie wyboru, na li\u015bcie p\u00f3l wyboru lub przycisk\u00f3w radiowych? A mo\u017ce chcesz zaoferowa\u0107 mo\u017cliwo\u015b\u0107 wyszukiwania, a tym samym wdro\u017cy\u0107 rozwi\u0105zanie autouzupe\u0142niania lub rozwi\u0105zanie filtruj\u0105ce? Czy zezwoli\u0107 na wybieranie wielu post\u00f3w, czy tylko jednego? Zwykle mo\u017cesz rozwi\u0105za\u0107 ten problem, u\u017cywaj\u0105c r\u00f3\u017cnych komponent\u00f3w WordPress, ale musisz zdecydowa\u0107, kt\u00f3re rozwi\u0105zanie chcesz wdro\u017cy\u0107.<\/p>\n Nauczmy si\u0119 najpierw troch\u0119 o komponentach wy\u017cszego rz\u0119du i module danych WordPress, zanim przyjrzymy si\u0119, jak mo\u017cemy wykonywa\u0107 zapytania post w naszym bloku.<\/p>\n Podczas pracy z Reactem cz\u0119sto b\u0119dziesz musia\u0142 przekaza\u0107 stan do komponent\u00f3w potomnych lub w g\u00f3r\u0119 do wsp\u00f3lnego komponentu rodzicielskiego, aby wszystkie inne komponenty potomne mia\u0142y do \u200b\u200bnich dost\u0119p. Rozwi\u0105zaniem problemu centralizacji stanu aplikacji jest u\u017cycie Redux<\/a>. Dzi\u0119ki Redux mo\u017cesz budowa\u0107 sklepy \u2014 czyli obiekty, kt\u00f3re przechowuj\u0105 stan i informacje o aplikacji.<\/p>\n Modu\u0142 danych WordPress<\/a> jest centrum r\u00f3\u017cnych sklep\u00f3w i zapewnia funkcje zarz\u0105dzania danymi mi\u0119dzy r\u00f3\u017cnymi modu\u0142ami. Jest zbudowany na bazie Redux \u2013 ale nie pomyl go jako Redux dla WordPressa, poniewa\u017c istnieje kilka r\u00f3\u017cnic. Mo\u017cesz zarejestrowa\u0107 w\u0142asne sklepy w WordPressie lub, co wa\u017cniejsze, uzyska\u0107 dost\u0119p do zarejestrowanych sklep\u00f3w WordPress.<\/p>\n Oto przegl\u0105d dost\u0119pnych sklep\u00f3w<\/a> w module danych WordPress (prawdopodobnie z czasem si\u0119 zmieni). Wszystkie sklepy WordPressa zawarte s\u0105 w module Core Data<\/a>. Na przyk\u0142ad s\u0105 sklepy przechowuj\u0105ce dane edytora ( Aby uzyska\u0107 dost\u0119p do danych ze sklep\u00f3w, musisz u\u017cy\u0107 selektor\u00f3w. WordPress ma selektor w Otw\u00f3rz edytor Gutenberg w Chrome i otw\u00f3rz narz\u0119dzie do debugowania konsoli. Wpisz:<\/p>\n I naci\u015bnij Enter. Powiniene\u015b otrzyma\u0107 obiekt jako odpowied\u017a ze wszystkimi selektorami (funkcjami), kt\u00f3rych mo\u017cesz u\u017cy\u0107. Jako przyk\u0142ady znajdziesz funkcje takie jak Wypr\u00f3buj tak\u017ce inne sklepy ni\u017c Spowoduje to zwr\u00f3cenie wszystkich informacji o wszystkich blokach znajduj\u0105cych si\u0119 obecnie w Twoim po\u015bcie. Mo\u017cesz pobawi\u0107 si\u0119 tym w debugerze konsoli Chrome i spr\u00f3bowa\u0107 wywo\u0142a\u0107 niekt\u00f3re funkcje, aby zobaczy\u0107, co otrzymasz w odpowiedzi. Niekt\u00f3re wymagaj\u0105 parametr\u00f3w, a inne nie.<\/p>\n Aby korzysta\u0107 z selektor\u00f3w i dost\u0119pu do sklep\u00f3w, musimy ich u\u017cywa\u0107 w komponentach wy\u017cszego rz\u0119du. Komponenty wy\u017cszego rz\u0119du to po prostu wz\u00f3r robienia czego\u015b w React. Przekazujemy komponent do funkcji (lub komponentu), kt\u00f3ra mo\u017ce doda\u0107 jakie\u015b w\u0142a\u015bciwo\u015bci, a nast\u0119pnie zwracamy nowy komponent.<\/p>\n Wewn\u0105trz modu\u0142u danych WordPress znajdujemy To by\u0142o du\u017co teorii, wi\u0119c zacznijmy przygl\u0105da\u0107 si\u0119 kodowi i praktycznym przyk\u0142adom.<\/p>\n Podsumowuj\u0105c powy\u017csze, musimy ustawi\u0107 komponent wy\u017cszego rz\u0119du Funkcja Je\u015bli post\u0119powa\u0142e\u015b zgodnie z t\u0105 seri\u0105 samouczk\u00f3w z poprzedniej cz\u0119\u015bci, mia\u0142by\u015b niestandardowy blok, kt\u00f3ry akceptuje r\u0119cznie wpisywany identyfikator posta we wprowadzaniu tekstu. Blok u\u017cywa PHP do dynamicznego renderowania posta w interfejsie u\u017cytkownika (oraz w trybie podgl\u0105du). Usu\u0144my wym\u00f3g r\u0119cznego wpisywania identyfikatora posta i zast\u0105pmy go czym\u015b bardziej intuicyjnym. Jak wspomniano wcze\u015bniej, musisz sam zdecydowa\u0107, jak prezentowa\u0107 list\u0119 post\u00f3w i jak najlepiej pozwoli\u0107 u\u017cytkownikowi wybra\u0107 post. Dla uproszczenia dodamy do wyboru wszystkie tytu\u0142y post\u00f3w.<\/p>\n Zacznijmy to kodowa\u0107. Najpierw musimy zdestrukturyzowa\u0107 to, czego potrzebujemy z pakietu danych;<\/p>\n Nast\u0119pnie u\u017cywamy Z kodem powy\u017cej naszego komponentu, Mo\u017cemy teraz przej\u015b\u0107 do naszego komponentu Miej oko na debugger konsoli. Mo\u017cesz zauwa\u017cy\u0107, \u017ce zostanie to zarejestrowane dwukrotnie; najpierw Przygotujmy si\u0119 do wype\u0142nienia selekcji zwr\u00f3conymi postami, a do tego u\u017cyjemy komponentu WordPress Je\u015bli spojrzysz na zarejestrowan\u0105 w konsoli (drug\u0105) odpowied\u017a, zobaczysz, \u017ce otrzymujemy tablic\u0119 obiekt\u00f3w post\u00f3w. Ka\u017cdy post zawiera wi\u0119kszo\u015b\u0107 informacji o po\u015bcie, ale w przypadku opcji wyboru interesuje nas tylko identyfikator posta jako warto\u015b\u0107 i tytu\u0142 posta jako etykieta. Przejdziemy wi\u0119c przez w\u0142a\u015bciwo\u015b\u0107 Pami\u0119taj, \u017ce musimy odnie\u015b\u0107 si\u0119 do tytu\u0142u posta jako Po tym wystarczy doda\u0107, Ustawiamy, To naprawd\u0119 wszystko! Je\u015bli pod\u0105\u017ca\u0142e\u015b za kodem z poprzedniego kroku, powiniene\u015b ju\u017c mie\u0107 kod, kt\u00f3ry odczytuje zapisany identyfikator posta i wy\u015bwietla go!<\/p>\n Oczywi\u015bcie radz\u0119 zaimplementowa\u0107 list\u0119 i wyb\u00f3r post\u00f3w w inny spos\u00f3b ni\u017c zwyk\u0142y wyb\u00f3r. Nie jest to \u0142adne ani przyjazne rozwi\u0105zanie, zw\u0142aszcza w przypadku witryn z du\u017c\u0105 ilo\u015bci\u0105 post\u00f3w. M\u00f3wi\u0105c o liczbie post\u00f3w, czy zauwa\u017cy\u0142e\u015b, \u017ce selektor getEntityRecords zwraca maksymalnie 10 ostatnich post\u00f3w? Jest to domy\u015blne zachowanie getEntityRecords, ale mo\u017cemy zmodyfikowa\u0107 zapytanie post, przekazuj\u0105c trzeci parametr.<\/p>\n Przekazuj\u0105c obiekt jako trzeci parametr do getEntityRecords mo\u017cemy zmodyfikowa\u0107 zapytanie post. Jak wspomniano wcze\u015bniej, niestety Uwaga: to nie jest wyczerpuj\u0105ca lista i r\u00f3wnie\u017c mo\u017ce ulec zmianie!<\/p>\n Zmodyfikujmy nasze zapytanie. Chcemy zrobi\u0107 dwie rzeczy; najpierw chcemy pobra\u0107 wszystkie posty, a nie tylko 10 ostatnich. W tym celu Mo\u017cesz pomy\u015ble\u0107; poczekaj, jak otrzymamy aktualny identyfikator posta? Nie zapominaj, \u017ce w ramach komponentu wy\u017cszego rz\u0119du Zmodyfikujmy Powy\u017csza zmiana jest do\u015b\u0107 oczywista. Generujemy obiekt zapytania z w\u0142a\u015bciwo\u015bciami Ten post ko\u0144czy seri\u0119 samouczk\u00f3w Jak tworzy\u0107 niestandardowe bloki Gutenberga. Seria mia\u0142a na celu zapoznanie si\u0119 z podstawami tworzenia w\u0142asnych niestandardowych blok\u00f3w, zapewniaj\u0105c punkt wyj\u015bcia do tworzenia w\u0142asnych i bardziej z\u0142o\u017conych blok\u00f3w. Zdecydowanie miej oko na wi\u0119cej samouczk\u00f3w zwi\u0105zanych z Gutenbergiem tutaj<\/a>. Mo\u017ce znajdziesz samouczek bardziej szczeg\u00f3\u0142owo wyja\u015bniaj\u0105cy co\u015b, co chcia\u0142e\u015b zrobi\u0107 sam!<\/p>\nedit<\/code>funkcji Twojego bloku. Mamy na to kilka opcji, a najlepsz\u0105 opcj\u0105 jest u\u017cycie niekt\u00f3rych tak zwanych komponent\u00f3w wy\u017cszego rz\u0119du<\/a> z WordPressa. Mo\u017cesz r\u00f3wnie\u017c u\u017cy\u0107 metod przegl\u0105darki JavaScript, aby wykona\u0107 wywo\u0142anie AJAX w kierunku interfejsu API REST WordPress, na przyk\u0142ad [fetch](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API)<\/code>lub axios. WordPress faktycznie udost\u0119pnia w\u0142asn\u0105 wersj\u0119 fetch<\/code>: apiFetch()<\/code>.<\/p>\nModu\u0142 WordPress Core Data i komponenty wy\u017cszego rz\u0119du<\/h2>\n
core\/editor<\/code>), uwagi (core\/notices<\/code>), dane blok\u00f3w (core\/blocks<\/code>), informacje o rzutni (core\/viewport<\/code>) i wreszcie sam g\u0142\u00f3wny sklep \u2013 core<\/code>.<\/p>\nwp.data<\/code>pakiecie; [select](https:\/\/developer.wordpress.org\/block-editor\/packages\/packages-data\/#select)()<\/code>. Mo\u017cesz tak\u017ce manipulowa\u0107 sklepami za pomoc\u0105 programu dispatch<\/code>, ale nie jest to om\u00f3wione w tej serii samouczk\u00f3w. Mo\u017cesz naprawd\u0119 \u0142atwo wypr\u00f3bowa\u0107 selektor, aby zobaczy\u0107, co jest dost\u0119pne w sklepach WordPress.<\/p>\nWypr\u00f3bowanie selektora<\/h3>\n
wp.data.select('core')<\/code><\/pre>\ngetMedia<\/code>, getTaxonomy<\/code>, getAuthors<\/code>i tak dalej. Ten, kt\u00f3rego u\u017cyjemy do zapytania o posty, r\u00f3wnie\u017c tam jest, ale nie ma intuicyjnej nazwy; to si\u0119 nazywa getEntityRecords<\/code>. W tej chwili niekt\u00f3re z tych funkcji s\u0105 udokumentowane<\/a>, ale wi\u0119kszo\u015b\u0107 niestety nie.<\/p>\ncore<\/code>, na przyk\u0142ad:<\/p>\nwp.data.select('core\/editor').getBlocks()<\/code><\/pre>\n[withSelect](https:\/\/developer.wordpress.org\/block-editor\/packages\/packages-data\/#withSelect)<\/code>; komponent wy\u017cszego rz\u0119du, kt\u00f3ry mo\u017cna wykorzysta\u0107 do wstrzykiwania rekwizyt\u00f3w za pomoc\u0105 zarejestrowanych selektor\u00f3w. Innymi s\u0142owy; wewn\u0105trz withSelect<\/code>mamy dost\u0119p do selektora select()<\/code>i mo\u017cemy go u\u017cywa\u0107 do wykonywania po\u0142\u0105cze\u0144. Wynikiem selektora b\u0119d\u0105 w\u0142a\u015bciwo\u015bci komponentu, do kt\u00f3rego przekazujemy withSelect<\/code>. Je\u015bli potrzebujesz po\u0142\u0105czy\u0107 wiele komponent\u00f3w wy\u017cszego rz\u0119du, modu\u0142 danych WordPress oferuje t\u0119 compose<\/code>funkcj\u0119, ale jest to poza zakresem tego samouczka. U\u017cyjemy tylko jednego komponentu wy\u017cszego rz\u0119du; withSelect<\/code>.<\/p>\nPobieranie post\u00f3w za pomoc\u0105 withSelect, select and getEntityRecords<\/h2>\n
withSelect<\/code>dla naszego bloku. Wewn\u0105trz tego mo\u017cemy u\u017cy\u0107 selektor\u00f3w, aby uzyska\u0107 dost\u0119p do sklep\u00f3w WordPressa, kt\u00f3re b\u0119d\u0105 rekwizytami dla komponentu, do kt\u00f3rego przekazujemy withSelect<\/code>. Wykorzystamy core<\/code>sklep i selektor getEntityRecords<\/code>do wyszukiwania post\u00f3w.<\/p>\ngetEntityRecords<\/code>ta jest niestety w tej chwili ma\u0142o udokumentowana .<\/a> Ale nauczy\u0142em si\u0119, \u017ce mo\u017cemy przekaza\u0107 postType<\/code>jako pierwszy parametr (rodzaj encji), a nast\u0119pnie jako drugi parametr typ posta (np. ’ post<\/code>’ lub ’ page<\/code>’). Trzeci parametr jest opcjonalny i mo\u017ce by\u0107 obiektem z argumentami zapytania. Trzeciemu parametrowi przyjrzymy si\u0119 p\u00f3\u017aniej.<\/p>\nKodowanie
withSelect<\/code><\/h3>\nconst { withSelect, select } = wp.data;<\/code><\/pre>\nwithSelect<\/code>w naszym bloku edit<\/code>funkcji i przekazujemy nasz komponent edycji; FirstBlockEdit<\/code>. Wewn\u0105trz withSelect<\/code>destrukturyzujemy select<\/code>jako parametr i u\u017cywamy selektora select()<\/code>do zapytania o posty za pomoc\u0105 getEntityRecords<\/code>. Zwracamy obiekt z jedn\u0105 w\u0142a\u015bciwo\u015bci\u0105, kt\u00f3r\u0105 wywo\u0142ujemy posts<\/code>, kt\u00f3ra przechowuje wynik select()<\/code>wywo\u0142ania.<\/p>\n...\nedit: withSelect(select => {\n return {\n posts: select('core').getEntityRecords('postType', 'post')\n }\n})(FirstBlockEdit),\nsave:() => { return null }\n...<\/code><\/pre>\nFirstBlockEdit<\/code>, b\u0119dzie mia\u0142 teraz now\u0105 w\u0142a\u015bciwo\u015b\u0107; posts<\/code>. Cokolwiek zwr\u00f3cimy wewn\u0105trz withSelect<\/code>komponentu wy\u017cszego rz\u0119du, b\u0119dzie dost\u0119pne jako rekwizyty dla komponentu, kt\u00f3ry przekazujemy (w nawiasie na samym ko\u0144cu).<\/p>\nObs\u0142uga post\u00f3w z selektora<\/h3>\n
FirstBlockEdit<\/code>i przyjrze\u0107 si\u0119 nowemu props.posts<\/code>. Poniewa\u017c nasz komponent jest komponentem opartym na klasach, musimy odwo\u0142a\u0107 si\u0119 do props za pomoc\u0105 this<\/code>. Wylogujmy to w konsoli wewn\u0105trz render()<\/code>funkcji w FirstBlockEdit<\/code>:<\/p>\nrender() {\n const { attributes, setAttributes } = this.props;\n console.log(this.props.posts);\n ...\n}<\/code><\/pre>\nnull<\/code>, a potem jaki\u015b czas p\u00f3\u017aniej rejestruje tablic\u0119 post\u00f3w. Dzieje si\u0119 tak, poniewa\u017c zapytania o posty s\u0105 wykonywane asynchronicznie. Nasz komponent jest najpierw renderowany przed odpowiedzi\u0105, w kt\u00f3rym to czasie props.posts<\/code>jest null<\/code>. Gdy otrzymamy odpowied\u017a, nasz komponent jest ponownie renderowany z wype\u0142nion\u0105 propozycj\u0105. Nale\u017cy zawsze pami\u0119ta\u0107 o przystosowaniu si\u0119 do tego niewielkiego czasu bez danych w kodzie.<\/p>\nDodanie wyboru, aby wy\u015bwietli\u0107 posty<\/h3>\n
SelectControl<\/code>. Komponent SelectControl<\/code>akceptuje tablic\u0119 wybor\u00f3w, gdzie ka\u017cdy wyb\u00f3r jest obiektem z w\u0142a\u015bciwo\u015bciami value<\/code>i label<\/code>.<\/p>\nposts<\/code>i wype\u0142nimy zmienn\u0105 tablicow\u0105, do kt\u00f3rej przeka\u017cemy SelectControl<\/code>. Nie zapomnij zaj\u0105\u0107 si\u0119 ma\u0142ymi ramami czasowymi, w kt\u00f3rych znajduje si\u0119 posts<\/code>rekwizyt null<\/code>. W takim przypadku wype\u0142nimy tablic\u0119 wyboru jedn\u0105 opcj\u0105, kt\u00f3ra ma etykiet\u0119 \u201e\u0141adowanie\u2026".<\/p>\nlet choices = [];\nif (this.props.posts) {\n choices.push({ value: 0, label: __('Select a post', 'awhitepixel') });\n this.props.posts.forEach(post => {\n choices.push({ value: post.id, label: post.title.rendered });\n });\n} else {\n choices.push({ value: 0, label: __('Loading...', 'awhitepixel') })\n}<\/code><\/pre>\npost.title.rendered<\/code>. Mo\u017cesz poszuka\u0107 siebie w zalogowanej konsoli posts<\/code>i zobaczy\u0107 struktur\u0119 informacji dla ka\u017cdego postu.<\/p>\nSelectControl<\/code>gdzie chcemy. Mo\u017ce znajdowa\u0107 si\u0119 wewn\u0105trz samego bloku (najlepiej w kodzie trybu edycji) lub wewn\u0105trz Inspectora.<\/p>\n<SelectControl\n label={__('Selected Post', 'awhitepixel')}\n options={choices}\n value={attributes.selectedPostId}\n onChange={(newval) => setAttributes({ selectedPostId: parseInt(newval) })}\n\/><\/code><\/pre>\nSelectControl<\/code>aby odnosi\u0142o si\u0119 do atrybutu selectedPostId<\/code>, kt\u00f3ry zdefiniowali\u015bmy w poprzednim kroku. Ustawiamy zapisan\u0105 warto\u015b\u0107 w rekwizycie value<\/code>i zajmujemy si\u0119 aktualizacj\u0105 w onChange<\/code>rekwizycie \u2013 tak jak robili\u015bmy to kilka razy wcze\u015bniej. Zapewniamy, \u017ce numer jest przechowywany przy u\u017cyciu, parseInt()<\/code>poniewa\u017c selectedPostId<\/code>ma typ number<\/code>. I przekazujemy wygenerowan\u0105 tablic\u0119 wybor\u00f3w w prop options<\/code>.<\/p>\nZmodyfikuj zapytanie dla getEntityRecords<\/h3>\n
getEntityRecords<\/code>brakuje dokumentacji. Ale czytaj\u0105c w ca\u0142ej sieci, zebra\u0142em list\u0119 mo\u017cliwych argument\u00f3w zapytania;<\/p>\n\n
per_page<\/code>: Ustaw liczb\u0119, aby ograniczy\u0107 liczb\u0119 post\u00f3w. Ustaw, -1<\/code>aby pobra\u0107 maksymalnie 100. Domy\u015blnie 10<\/code>.<\/li>\nexclude<\/code>: Wyklucz niekt\u00f3re posty z zapytania. Ustaw identyfikator posta lub tablic\u0119 liczb dla wielu identyfikator\u00f3w post\u00f3w.<\/li>\nparent_exclude<\/code>: Wyklucz niekt\u00f3re posty nadrz\u0119dne. Ustaw na identyfikator posta lub tablic\u0119 wielu identyfikator\u00f3w posta.<\/li>\norderby<\/code>: Zdecyduj kolejno\u015b\u0107 post\u00f3w. Najprawdopodobniej mo\u017cesz u\u017cy\u0107 tych samych parametr\u00f3w, co w zam\u00f3wieniu WP_Queryby<\/a>. Mo\u017ce by\u0107 np. \u201e menu_order<\/code>„.<\/li>\norder<\/code>: Albo 'asc'<\/code>lub ’ desc'<\/code>dla porz\u0105dku rosn\u0105cego lub malej\u0105cego.<\/li>\nstatus<\/code>: Filtruj wed\u0142ug statusu posta. Mo\u017ce by\u0107 ci\u0105giem, ci\u0105giem znak\u00f3w z wieloma statusami oddzielonymi przecinkiem lub tablic\u0105 ci\u0105g\u00f3w statusu. Np ['publish', 'draft']<\/code>. do zapytania zar\u00f3wno opublikowanych, jak i przygotowanych post\u00f3w.<\/li>\ncategories<\/code>: Filtruj posty wed\u0142ug okre\u015blonych kategorii. Podaj identyfikator kategorii lub tablic\u0119 identyfikator\u00f3w kategorii. Uwa\u017cam, \u017ce dzia\u0142a to tylko w przypadku kategorii post\u00f3w, a nie innych niestandardowych taksonomii.<\/li>\ntags<\/code>: Filtruj posty wed\u0142ug okre\u015blonych tag\u00f3w. Podaj identyfikator tagu lub tablic\u0119 identyfikator\u00f3w tag\u00f3w. Dzia\u0142a tylko w przypadku tag\u00f3w post\u00f3w, a nie innych niestandardowych taksonomii.<\/li>\nsearch<\/code>: Dodaj zapytanie wyszukiwania (ci\u0105g).<\/li>\n<\/ul>\n-1<\/code>zapewniamy per_page<\/code>. Po drugie, chcemy wykluczy\u0107 bie\u017c\u0105cy post z listy post\u00f3w, podaj\u0105c identyfikator aktualnego posta do exclude<\/code>. Cz\u0119sto nie ma sensu pokazywa\u0107 skr\u00f3tu do wpisu lub podgl\u0105du samego bie\u017c\u0105cego wpisu.<\/p>\nwithSelect<\/code>i za pomoc\u0105 select<\/code>selektora mo\u017cemy uzyska\u0107 dost\u0119p do wszystkich baz danych WordPressa. Obecny identyfikator posta to naturalna rzecz do przechowywania w jednym z g\u0142\u00f3wnych sklep\u00f3w WordPress. Wewn\u0105trz core\/editor<\/code>znajdujemy funkcj\u0119 getCurrentPostId()<\/code>.<\/p>\nwithSelect<\/code>powr\u00f3t do czego\u015b takiego:<\/p>\nedit: withSelect(select => {\n const currentPostId = select('core\/editor').getCurrentPostId();\n const query = {\n per_page: -1,\n exclude: currentPostId\n }\n return {\n posts: select('core').getEntityRecords('postType', 'post', query)\n }\n})(FirstBlockEdit),<\/code><\/pre>\nper_page<\/code>i exclude<\/code>przekazujemy go jako trzeci parametr do getEntityRecords()<\/code>. Teraz nasz props.posts<\/code>komponent FirstBlockEdit<\/code>powinien zawiera\u0107 list\u0119 wszystkich post\u00f3w, ale wykluczy\u0107 bie\u017c\u0105cy post.<\/p>\nWniosek<\/h2>\n