[[oktatas:web:react|< React]] ====== React ====== * **Szerző:** Sallai András * Copyright (c) 2022, Sallai András * Szerkesztve: 2022, 2024 * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] * Web: https://szit.hu ===== Kezdés ===== Weblap a kezdéshez: * https://react.dev/ * https://create-react-app.dev/ Projekt készítése: npx create-react-app app01 Az első indításnál megkérdezi, hogy telepítsük-e a create-react-app csomagot: npx create-react-app app01 Need to install the following packages: create-react-app Ok to proceed? (y) Enter lenyomása után indul a letöltési és a projekt készítése. Ha elkészült a projekt lépjünk be a projekt könyvtárába: cd app01 A szerver indítása: npm start ===== JSX kifejezés kiértékelése ===== Tegyünk az App.js fájlba egy új sort:

{ 3 * 5 }

{ 3 * 5 }

Nézzük meg weboldalon. ===== JSX megjelenítés ===== Nem jelenik meg: { false &&

{ 3 * 5 }

}
Megjelenik: { true &&

{ 3 * 5 }

}
===== Lehetséges hiba ===== A projekt létrehozásakor: npx create-react-app app01 Need to install the following packages: create-react-app Ok to proceed? (y) You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app The latest instructions for creating a new app can be found here: https://create-react-app.dev/docs/getting-started/ Megoldás: npx clear-npx-cache Vagy: npx create-react-app@latest app01