RE.ACT

Kaip siunčiami duomenys tarp React komponentų?

• Naudojant state
• Naudojant props
• Naudojant Webpack
• Naudojant localStorage

Ar gali React props būti pakeistas aplikacijos vykdymo metu?

• Gali
• Gali, jeigu aplikacijoje nėra naudojami state
• Priklauso nuo aprasytų įvykių (Events) aplikacijoje
• Negali

Kaip duomenys perduodami JavaScript bibliotekoje React iš tėvinio komponento viena kryptimi?

• Naudojant Props
• Pasitelkiant įvykius
• Naudojant Router
• Naudojant Fetch()

Kokie komponentai egzistuoja JavaScript bibliotekoje React?

• Sukurti funkcijos pagrindu
• Sukurti klasės pagrindu
• Sukurti sąlygos pagrindu
• Sukurti funkcijos ar klasės pagrindu

Pasirinkite React komponento gyvavimo ciklo metodus.

• componentDidUpdate()
• componentMount()
• componentWillUnmount()
• componentDestroy()
• componentDidMount()

Kaip tinkamai aprašyti skriptą package.json faile?

• "start": "fetch data.json"

• "start": "open index.html"

• "start": "css main.css"

• "start": "node index.js"

Kodėl JSX sintaksėje HTML elementų atsidarančioje žymoje stiliui aprašyti naudojami dvigubi riestiniai skliaustai?

• Pirmieji riestiniai skliaustai nurodo objektą, antrieji riestiniai skliaustai nurodo masyvą

• Dvigubi riestiniai skliaustai naudojami tik senose React versijose

• Pirmieji riestiniai skliaustai reikalingi JSX, kad būtų įterptas JavaScript, antrieji riestiniai skliaustai - kad būtų sukurtas stiliaus objektas

• Dvigubi riestiniai skliaustai naudojami tik dėl estetinių priežasčių, kad atskirtume, jog tai stiliaus sintaksė

Kas bus atvaizduota puslapyje?

function App({ value }) {
return <div>{value || <p>No value</p>}</div>;
}

• Jei value = 0, atvaizduos 0

• Jei value = null, atvaizduos null

• Jei value = 0, atvaizduos tekstą "No value"

• Jei value = "", atvaizduos tuščią eilutę

Ką atvaizduos JSX fragmentas, jei value reikšmė lygi 0?

function App({ value }) {
return <div>{!!value && <p>Price is {value}$</p>}</div>;
}

• Nieko

• Tekstą "<p>Hello</p>"

• Tekstą "0"

• Tekstą "false"

Ką atvaizduos JSX fragmentas, jei isLoggedIn reikšmė yra true?

function App({ isLoggedIn }) {
return (
<div>
{isLoggedIn && <p>Welcome!</p>}
</div>
);
}

• Tekstą "isLoggedIn"

• Tekstą "Welcome!"

• Gausime klaidą

• Skaičių 0

• Tekstą "true"