Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:react:kezdes

< React

React

Kezdés

Weblap a kezdéshez:

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:

<p>{ 3 * 5 }</p>
<p>{ 3 * 5 }</p>

Nézzük meg weboldalon.

JSX megjelenítés

Nem jelenik meg:

{ false &&
  <p>{ 3 * 5 }</p>
}

Megjelenik:

{ true &&
  <p>{ 3 * 5 }</p>
}

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
oktatas/web/react/kezdes.txt · Utolsó módosítás: 2024/06/14 08:23 szerkesztette: admin