WorksheetsReact alapok
Total questions: 22
Worksheet time: 11mins
Mi az a React?
Egy adatbázis-kezelő
Egy backend keretrendszer
Egy programozási nyelv
Egy JavaScript könyvtár felhasználói felületek készítéséhez
Mire utal a my-react-app a következő parancsban?
npm create vite@latest my-react-app
Hivatkozás egy meglévő alkalmazásra
Az új alkalmazáshoz használni kívánt név
A létrehozandó alkalmazás típusa
Kulcsszó React alkalmazás létrehozásához
Milyen parancsot kell használni a React helyi fejlesztői szerver elindításához?
npm build
npm serve
npm run dev
npm start
Mi az alapértelmezett helyi host port, amit a Vite használ a React fejlesztői szerverhez?
8080
3000
5000
5173
Igaz vagy hamis? React kód fejlesztéséhez és futtatásához Node.js szükséges.
Igaz
Hamis
Milyen típusú HTML elem lesz megjelenítve a következő kódból?
function Car() {return <h1>Ford Mustang</h1>;}
createRoot(document.getElementById('root')).render( <Car />)
Component
h1
div
ReactDom
Melyik kulcsszó hoz létre konstanst JavaScriptben?
constant
const
var
let
A „valódi” DOM memóriában tárolt másolatát minek nevezzük?
React DOM
Shadow DOM
Virtual DOM
DOM
A React komponensek nevének nagybetűvel kell kezdődnie.
Igaz
Hamis
Melyik operátor használható egy React komponens feltételes renderelésére?
??
::
||
&&
Amikor egy listát JavaScript map()metódussal renderelünk, milyen attribútum szükséges az egyes elemek rendereléséhez?
data
id
key
index
Mit jelent a JSX?
XML-t helyettesítő adatbázis
JavaScript Extreme
JavaScript + XML keveréke
A CSS egy új változata
Hogyan lehet a következő tömböket egy tömbbe egyesíteni a spred operátorral? (Cél: [1, 2, 3, 4, 5, 6])
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combined = [array1, array2]
const combined = [...array1, ...array2]
const combined = ...array1 + ...array2
const combined = array1 + array2
Mi a helyes szintaxis egy Car nevű komponens fájlból történő exportálásához?
export default Car;
export Component.Car;
export Car as Component;
export internal Car;
Mi a következő kód kimenete?
const make = 'Ford';
const model = 'Mustang';
const car = { make, model };
console.log(car);
{ make, model }
{ make: 'Ford', model: 'Mustang' }
{ car: 'Ford', car: 'Mustang' }
{ car: { make: 'Ford', model: 'Mustang' }}
Mi a komponens?
Újrahasználható UI egység
Egy teljes weboldal
Kizárólag egy kép a weboldalon
Egy HTML tag
Hogyan hozzunk létre egy komponenst?
function MyComponent() { return <h1>Hello</h1>; }
component MyComponent() { return <h1>Hello</h1>; }
<component name="MyComponent" /> { return <h1>Hello</h1>; }
function MyComponent() ( return <h1>Hello</h1>; )
Mi a useState hook feladata?
API kérések végrehajtása
Állapot kezelése komponensen belül
CSS stílusok alkalmazása
Változó kezdeti értékének beállítása
Hogyan adhatunk HTML attribútumot JSX-ben osztályhoz? (class helyett…)
classname
classReact
cssName
className
Mi történik, ha egy state változik?
Az oldal újratölt
A komponens újrarenderelődik
Semmi
Meg kell hívni a useState() függvényt
Hogyan adjuk hozzá az eseménykezelőt JSX-ben?
<button onClick="handler">
<button click={handler}>
<button onClick={handler}>
<button onclick={handler}>
Hogyan adhatunk át adatot a szülő komponensből a gyerek komponensnek?
props segítségével
CSS fájlban
database-en keresztül
state változón keresztül
