Część testów dostępności możemy wykonać bezpośrednio w naszym kodzie JSX.
We can check some accessibility features directly in our JSX code.
Możesz zbudować kolekcje elementów i dodać je do JSX używając nawiasów klamrowych {}.
You can build collections of elements and include them in JSX using curly braces {}.
Dodanie JSX do projektu nie wymaga skomplikowanych narzędzi, takich jak bundler czy serwer deweloperski.
Adding JSX to a project doesn't require complicated tools like a bundler or a development server.
Błąd: tag JSX start regex był zbyt agresywny.
Bug: JSX tag start regex was too aggressive.
Korzystamy tu z npm tylko do instalacji preprocesora JSX; nie będzie on potrzebny do niczego innego.
We're using npm here only to install the JSX preprocessor; you won't need it for anything else.
Pamiętaj, że w JSX właściwości children nie musisz przekazywać na liście "atrybutów" twojego elementu.
And remember, the children prop doesn't actually need to be named in the list of "attributes" in your JSX element.
Najszybszym sposobem na wypróbowanie składni JSX w projekcie jest dodanie następującego znacznika<script>do strony
The quickest way to try JSX in your project is to add this<script>tag to your page
W poniższym przykładzie deklarujemy zmienną name, a następnie używamy jej wewnątrz JSX, po prostu otaczając ją nawiasami klamrowymi
In the example below, we declare a variable called name and then use it inside JSX by wrapping it in curly braces
Zwykle tworzone poprzez JSX.
Typically created via JSX.
Jeżeli pomimo instalacji jednej z aplikacji, Twój problem z plikiem JSX nie ustąpił, prawdopodobnie Twój plik nie jest skojarzony z odpowiednią aplikacją (tutaj więcej informacji).
If, despite the installation of one of the applications, you still have the problem with the JSX file, it is probable that your file is not associated with the appropriate application (click here for more information).
Kiedy React widzi element reprezentujący komponent zdefiniowany przez użytkownika, przekazuje do niego JSX-owe atrybuty jako jeden obiekt.
When React sees an element representing a user-defined component, it passes JSX attributes to this component as a single object.
Są to "skrzynki narzędziowe" wypełnione atrybutami HTML, które są w pełni obsługiwane przez JSX i umożliwiają nam tworzenie w pełni dostępnych, wysoce funkcjonalnych komponentów reactowych.
These are toolboxes filled with HTML attributes that are fully supported in JSX and enable us to construct fully accessible, highly functional React components.
Zasadniczo dodawanie JSX przypomina dodawanie preprocesora CSS.
Essentially, adding JSX is a lot like adding a CSS preprocessor.
