V Reacte pojem rekvizity znamená vlastnosti a tieto rekvizity hrajú dôležitú úlohu v procese vývoja Reactu. Komponenty sú stavebnými kameňmi Reactu. Tieto komponenty používajú rekvizity na zlepšenie ich funkčnosti a na opätovné použitie kódu.
React rekvizity ukladajú primitívne hodnoty, polia alebo funkcie. Rekvizita má niekoľko funkcií, ktoré zaručujú jej výkon, av tomto článku s návodom sa presne naučíte, ako používať rekvizity vo vašich aplikáciách React.
React je jedným z mnohých rámcov JavaScript, ktoré sa oplatí naučiť .
React rekvizity majú veľmi dôležitú funkciu; prenášajú údaje z jedného komponentu do druhého. Poskytujú kanál, cez ktorý komponenty komunikujú.
Existuje jedno jednoduché pravidlo, ktoré sa musíte naučiť skôr, ako začnete používať rekvizity React, všetky komponenty musia fungovať takmer rovnako ako čistá funkcia (s ohľadom na rekvizity). To jednoducho znamená, že komponent React by nikdy nemal meniť hodnotu žiadnej zo svojich rekvizít. To zaisťuje, že rekvizity obsahujú iba nekompromitované údaje.
Ak chcete použiť rekvizitu v Reacte, najprv musíte rekvizitu odovzdať ako atribút funkčnému komponentu. Potom budete mať prístup k podpere a jej údajom v rámci komponentu.
Ak napríklad vytvárate nástroj na sledovanie úloh, jeden komponent, ktorý by ste mohli chcieť mať, je hlavička. Tento komponent hlavičky bude okrem iných prvkov zahŕňať aj názov aplikácie. Preto môže komponent hlavičky použiť rekvizitu na získanie názvu aplikácie.
function Header(props) { return (
{props.title}
);
}
export default Header;
Komponent Header uvedený vyššie má atribút prop a používa ho na prístup k údajom o názve aplikácie. Ak chcete zobraziť tento komponent Header vo svojom používateľskom rozhraní, musíte ho najskôr vložiť do súboru App.js Reactu (pomocou značky komponentu Header).
import Header from './components/Header'; function App() { return (
);
}
export default App;
Vyššie uvedený kód zobrazuje súbor App.js spoločnosti React , ktorý sa vykresľuje do používateľského rozhrania. Komponent App zobrazuje komponent Header v používateľskom rozhraní pomocou
tag. Ak sa pozriete pozorne na kód, uvidíte, že
tag obsahuje prop a hodnotu prop . Preto má komponent Header teraz prístup k titulnej rekvizite , ktorú môže použiť vo svojej časti používateľského rozhrania.
Spustenie aplikácie React so súborom App.js a novým komponentom Header vyššie vygeneruje vo vašom prehliadači nasledujúci výstup:
Jednoduchý komponent Header vo vyššie uvedenom príklade funguje skvele, ak dostane titulnú rekvizitu . Ak však odstránite podperu, ktorá prešla cez značku komponentu Heade r (ako v príklade nižšie).
import Header from './components/Header'; function App() { return (
);
}
export default App;
Potom aplikácia React začne v prehliadači zobrazovať nasledujúce aktualizované používateľské rozhranie:
Ako vidíte, používateľské rozhranie je teraz úplne prázdne. Našťastie existuje jednoduchý spôsob, ako tento problém zmierniť. Pridaním predvolenej hodnoty podpery ku komponentu, ktorý používa podperu , tento problém efektívne odstránite. Tým sa zabezpečí, že aj keď komponent nedostane rekvizitu , stále bude mať hodnotu rekvizity, s ktorou sa dá pracovať.
function Header(props) { return (
{props.title}
);
}
Header.defaultProps ={
title: 'The App Name'
}
export default Header;
Vyššie uvedený kód vytvára v prehliadači nasledujúci výstup:
Pretože komponent Header neprijíma prop , používa predvolenú hodnotu prop . Ak však znova vložíte podperu do súboru App.js a nahradíte tento riadok kódu:
S týmto:
Potom sa vo vašom používateľskom rozhraní teraz zobrazí „Sledovač úloh“ ako názov aplikácie. Preto komponent Header používa predvolenú podperu iba vtedy, ak neprijíma externú podperu .
React zachováva integritu rekvizít tým, že zabraňuje tomu, aby komponenty, ktoré prijímajú rekvizity, zmenili svoju hodnotu. Jedným zo spôsobov, ako môžete zachovať integritu rekvizít, je využitie vlastnosti propType . PropType je vlastnosť typovej kontroly, ktorá zabezpečuje, že rekvizity odovzdané komponentu sú špecifického typu.
Napríklad názov aplikácie React je hodnota reťazca. Potom pomocou vlastnosti propType na explicitné uvedenie typu prop komponentu Header je najlepším spôsobom, ako zabezpečiť, aby poskytnutá prop mala hodnotu reťazca.
import PropTypes from 'prop-types'; function Header(props) { return (
{props.title}
);
}
Header.defaultProps ={
title: 'The App Name'
}
Header.propTypes = {
title: PropTypes.string
}
export default Header;
Vyššie uvedený komponent Header teraz používa vlastnosť propType . Medzi použitím vlastnosti propType a vlastnosti defaultProps je jeden kľúčový rozdiel ; Ak chcete použiť vlastnosť propType, musíte ju importovať do komponentu, zatiaľ čo vlastnosť defaultProps je v rámci komponentu React.
Jednou z hlavných výhod Reactu je, že vám umožňuje zostaviť používateľské rozhranie pomocou opakovane použiteľných komponentov. Kompozitný modul React umožňuje túto funkciu. Na vytvorenie konkrétnejšieho komponentu je potrebný všeobecný komponent a jeho konfigurácia (s rekvizitami).
Súvisiace články : Čo je ReactJS a na čo sa dá použiť?
Pomocou príkladu aplikácie úloh môžete vytvoriť komponent úlohy a použiť tento komponent na vykreslenie rôznych úloh, ktoré používateľ vytvorí, do používateľského rozhrania. Najprv musíte vytvoriť komponent úlohy.
import PropTypes from 'prop-types'; function Task(props) { return (
{props.name}
);
}
Task.defaultProps ={
name: 'Task Name'
}
Task.propTypes = {
name: PropTypes.string
}
export default Task;
Komponent Úloha vyššie je všeobecný súbor, ktorý môžete použiť na vytvorenie viacerých úloh vo vašej aplikácii. Ďalším krokom je umiestnenie značky komponentu Task (spolu s príslušnými rekvizitami) do komponentu, ktorý ho vykreslí do používateľského rozhrania.
import Header from './components/Header'; import Task from './components/Task'; function App() { return (
);
}
export default App;
Aktualizovaná aplikácia React vytvorí v prehliadači nasledujúci výstup:
Po prečítaní tohto článku by ste sa mali dozvedieť, že potrebujete vedieť o rekvizitách React – od toho, ako vytvoriť predvolené rekvizity, až po používanie rekvizít s opakovane použiteľnými komponentmi.
Ale toto je len začiatok. Mnoho bezplatných tutoriálov React vás naučí, ako vytvoriť kompletné aplikácie React, a každý z nich vám pomôže rozšíriť vaše znalosti ešte viac.
Objektovo orientované programovanie (OOP) je forma programovania sústredená okolo objektov: malých jednotiek, ktoré kombinujú dáta a kód. Simula bol prvý OOP jazyk vytvorený na simuláciu fyzikálnych modelov. Pomocou OOP môžete definovať triedy, ktoré fungujú ako šablóny pre objekty špecifických typov.
Bez virtuálneho prostredia nemôžete úspešne dokončiť skutočný projekt v Pythone. Nástroje ako virtualenvwrapper a virtualenv sú bežné na vytváranie a správu virtuálnych prostredí pre vývoj webu, zatiaľ čo anaconda je široko používaná dátovými vedcami.
Programy zvyčajne potrebujú dátovú štruktúru na ukladanie dát, ktoré môžu potrebovať počas vykonávania. Normálne sú tieto údaje uložené v premenných alebo poliach. Problém je v tom, že sa stratí hneď, ako program dokončí vykonávanie. Je to preto, že ide o dočasné miesta v pamäti.
Ak ste vývojár Pythonu, môžete výrazne ťažiť z množstva dostupných rámcov. Zatiaľ čo niektoré rámce sú najvhodnejšie pre veľké ekosystémy, iné sa špecializujú na poskytovanie špecifických rozvojových cieľov. Čítajte ďalej a dozviete sa základné funkcie, použitia a rozdiely medzi dvoma rámcami Pythonu: Flask a CherryPy.
Pri vytváraní webovej stránky pre seba alebo svoju firmu často čelíte klasickej dileme. WordPress vs. Wix – ktorý si vybrať a čo by bolo pre vás najlepšou voľbou?
Ak plánujete inovovať tému na svojom webe WordPress, pridať doplnky alebo radikálne zmeniť smer, je rozumné stráviť nejaký čas testovaním, kým sa zmeny prejavia.
WordPress používa veľa rôznych spoločností pre svoje systémy na správu obsahu. Preto rastie potreba vývojárov WordPress. Možno ste dokonca videli nejaké pracovné inzeráty na tieto pozície.
Vytvorenie webovej stránky je skvelý spôsob, ako sa vyjadriť. Aj keď existuje veľa nástrojov na vytváranie webových stránok, písanie vlastnými rukami je zábavný spôsob, ako sa dozvedieť viac o tom, ako webové stránky fungujú v zákulisí. Dobrým projektom pre začiatočníkov je vytvorenie webovej stránky a pridanie obrázka na pozadie pomocou CSS. Tento projekt vám pomôže začať používať HTML aj CSS.
Python poskytuje množstvo nástrojov pre dátovú vedu, web a vývoj pre Android. Ale jedným z najlepších nástrojov, pokiaľ ide o programovací jazyk Python, je Tkinter pre grafické používateľské rozhranie. Knižnica Tkinter v pythone poskytuje GUI widgety, ktoré pomáhajú vytvárať užívateľsky prívetivé aplikácie. Tkinter sa ľahko používa, je ľahký a rýchly. Tkinter nemusíte inštalovať explicitne, pretože je dodávaný s predinštalovaným Pythonom.
Od inaugurácie Kotlinu v roku 2011 spoločnosťou Jetbrain si v komunite vývojárov urobil dobré meno. Spomedzi všetkých staticky typovaných a univerzálnych jazykov stojí Kotlin na vyššej pôde v porovnaní s väčšinou programovacích jazykov, ktoré sa v tejto ére počítačovej vedy dajú naučiť.
Spustenie nového softvérového projektu môže byť zdrvujúce. Môže byť užitočné rozdeliť proces na menšie, lepšie zvládnuteľné kroky. Tradične bol vývoj softvéru rozdelený do šiestich krokov. Pomocou tohto procesu môže byť veľký projekt menej zastrašujúci.
Ak ste vyrastali okolo počítačov a máte talent na všetko, čo sa týka IT, možno máte na to, aby ste sa stali programátorom. Konkurovať na modernom trhu práce si vyžaduje veľa práce, takže už mať tie správne zručnosti vám dáva výhodu.
Raspberry Pi je jednodoskový počítač, ktorý bol vytvorený s cieľom sprístupniť prácu všetkým. S množstvom príslušenstva a podporou globálnej komunity slúži ako jemný úvod do fyzického počítača.
Založenie blogu, dokonca aj bezplatného, je veľký krok – takže to nerobte bez toho, aby ste sa najskôr pripravili. Spoznajte kroky a najlepšie webové stránky pre nových blogerov.
V Reacte pojem rekvizity znamená vlastnosti a tieto rekvizity hrajú dôležitú úlohu v procese vývoja Reactu. Komponenty sú stavebnými kameňmi Reactu. Tieto komponenty používajú rekvizity na zlepšenie ich funkčnosti a na opätovné použitie kódu.
Strojové učenie je v dnešnej dobe všade, od filtrovania spamu a rozpoznávania tváre až po hlasových asistentov a autá bez vodiča. Na to, aby ste sa naučili používať túto vzrušujúcu technológiu, však nepotrebujete magisterský titul vďaka novej aplikácii od spoločnosti Microsoft s názvom Lobe.
Objektovo orientované programovanie (OOP) je forma programovania sústredená okolo objektov: malých jednotiek, ktoré kombinujú dáta a kód. Simula bol prvý OOP jazyk vytvorený na simuláciu fyzikálnych modelov. Pomocou OOP môžete definovať triedy, ktoré fungujú ako šablóny pre objekty špecifických typov.
Bez virtuálneho prostredia nemôžete úspešne dokončiť skutočný projekt v Pythone. Nástroje ako virtualenvwrapper a virtualenv sú bežné na vytváranie a správu virtuálnych prostredí pre vývoj webu, zatiaľ čo anaconda je široko používaná dátovými vedcami.
Programy zvyčajne potrebujú dátovú štruktúru na ukladanie dát, ktoré môžu potrebovať počas vykonávania. Normálne sú tieto údaje uložené v premenných alebo poliach. Problém je v tom, že sa stratí hneď, ako program dokončí vykonávanie. Je to preto, že ide o dočasné miesta v pamäti.
Ak ste vývojár Pythonu, môžete výrazne ťažiť z množstva dostupných rámcov. Zatiaľ čo niektoré rámce sú najvhodnejšie pre veľké ekosystémy, iné sa špecializujú na poskytovanie špecifických rozvojových cieľov. Čítajte ďalej a dozviete sa základné funkcie, použitia a rozdiely medzi dvoma rámcami Pythonu: Flask a CherryPy.
Pri vytváraní webovej stránky pre seba alebo svoju firmu často čelíte klasickej dileme. WordPress vs. Wix – ktorý si vybrať a čo by bolo pre vás najlepšou voľbou?
Ak plánujete inovovať tému na svojom webe WordPress, pridať doplnky alebo radikálne zmeniť smer, je rozumné stráviť nejaký čas testovaním, kým sa zmeny prejavia.
WordPress používa veľa rôznych spoločností pre svoje systémy na správu obsahu. Preto rastie potreba vývojárov WordPress. Možno ste dokonca videli nejaké pracovné inzeráty na tieto pozície.
Vytvorenie webovej stránky je skvelý spôsob, ako sa vyjadriť. Aj keď existuje veľa nástrojov na vytváranie webových stránok, písanie vlastnými rukami je zábavný spôsob, ako sa dozvedieť viac o tom, ako webové stránky fungujú v zákulisí. Dobrým projektom pre začiatočníkov je vytvorenie webovej stránky a pridanie obrázka na pozadie pomocou CSS. Tento projekt vám pomôže začať používať HTML aj CSS.
Python poskytuje množstvo nástrojov pre dátovú vedu, web a vývoj pre Android. Ale jedným z najlepších nástrojov, pokiaľ ide o programovací jazyk Python, je Tkinter pre grafické používateľské rozhranie. Knižnica Tkinter v pythone poskytuje GUI widgety, ktoré pomáhajú vytvárať užívateľsky prívetivé aplikácie. Tkinter sa ľahko používa, je ľahký a rýchly. Tkinter nemusíte inštalovať explicitne, pretože je dodávaný s predinštalovaným Pythonom.
Od inaugurácie Kotlinu v roku 2011 spoločnosťou Jetbrain si v komunite vývojárov urobil dobré meno. Spomedzi všetkých staticky typovaných a univerzálnych jazykov stojí Kotlin na vyššej pôde v porovnaní s väčšinou programovacích jazykov, ktoré sa v tejto ére počítačovej vedy dajú naučiť.
