<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-menu-disabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-os vector-sticky-header-enabled skin-thumbsize-clientpref-standard" lang="pl" dir="ltr"><head>
    <meta charset="UTF-8">
    <title>JSX</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="./_res_/favicon.png">
    <link rel="canonical" href="https://pl.wikipedia.org/wiki/JSX"> <link href="./_mw_/ext.cite.parsoid.styles.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/mediawiki.skinning.content.parsoid.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
    <meta name="ResourceLoaderDynamicStyles" content="">
    <link href="./_mw_/ext.gadget.citation-access-info.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.citation-access-info.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.darkmode-overrides.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.darkmode-overrides.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.hlist.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.hlist.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.infobox.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.infobox.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.small-references.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.small-references.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.sprawdz-problemy-szablony.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.sprawdz-problemy-szablony.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.wikiflex.css" rel="stylesheet" type="text/css">
    <link href="./_mw_/ext.gadget.wikiflex.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
    <link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
    <link rel="stylesheet" type="text/css" href="./_res_/footer.css">
    <link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
  </head>
  <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-JSX rootpage-JSX skin-vector-2022 action-view">
    <div class="mw-page-container">
      <div class="mw-page-container-inner">
        <div class="mw-content-container">
          <main id="content" class="mw-body">
            <header class="mw-body-header vector-page-titlebar">
              <h1 id="firstHeading" class="firstHeading mw-first-heading"><span lang="pl" dir="ltr"><span class="mw-page-title-main">JSX</span></span></h1>
            </header>
            <a id="top"></a>
            <div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
              <div id="contentSub">
                <div id="mw-content-subtitle"></div>
              </div>
              <div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="pl" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="pl" dir="ltr" data-mw-parsoid-version="0.24.0.0-alpha18" data-mw-html-version="2.8.0"><section data-mw-section-id="0" id="mwAQ"><p id="mwAg"><b id="mwAw">JSX</b> (JavaScript XML) – format zapisu kodu <a rel="mw:WikiLink" href="HTML" title="HTML" id="mwBA">HTML</a> oraz <a rel="mw:WikiLink" href="XML" title="XML" id="mwBQ">XML</a> wewnątrz języka <a rel="mw:WikiLink" href="JavaScript" title="JavaScript" id="mwBg">JavaScript</a>. Pierwotnie zaproponowany przez <a rel="mw:WikiLink" href="Facebook" title="Facebook" id="mwBw">Facebooka</a><sup class="mw-ref reference" id="cite_ref-draft_1-0" rel="dc:references" typeof="mw:Extension/ref"><a href="#cite_note-draft-1" id="mwCA"><span class="mw-reflink-text" id="mwCQ"><span class="cite-bracket" id="mwCg">[</span>1<span class="cite-bracket" id="mwCw">]</span></span></a></sup> i użyty w bibliotece <a rel="mw:WikiLink" href="React.js" title="React.js" id="mwDA">React.js</a>. Korzystają z niego także inne biblioteki.</p>

</section><section data-mw-section-id="1" id="mwDg" aria-labelledby="Przykład"><div class="mw-heading mw-heading2"><h2 id="Przykład"><span id="Przyk.C5.82ad" typeof="mw:FallbackId"></span>Przykład</h2></div>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr" typeof="mw:Extension/syntaxhighlight" id="mwDw"><pre id="mwEA"><span id="mwEQ"></span>function Input({label}) {
    const id = 'abc';
    return (
      <span class="p" id="mwEg">&lt;</span><span class="nt" id="mwEw">div</span><span class="p" id="mwFA">&gt;</span>
        <span class="p" id="mwFQ">&lt;</span><span class="nt" id="mwFg">label</span> <span class="na" id="mwFw">for</span><span class="o" id="mwGA">=</span><span class="s" id="mwGQ">{id}</span><span class="p" id="mwGg">&gt;</span>{label}<span class="p" id="mwGw">&lt;/</span><span class="nt" id="mwHA">label</span><span class="p" id="mwHQ">&gt;</span>
        <span class="p" id="mwHg">&lt;</span><span class="nt" id="mwHw">input</span> <span class="na" id="mwIA">id</span><span class="o" id="mwIQ">=</span><span class="s" id="mwIg">{id}/</span><span class="p" id="mwIw">&gt;</span>
      <span class="p" id="mwJA">&lt;/</span><span class="nt" id="mwJQ">div</span><span class="p" id="mwJg">&gt;</span>
    );
 }
</pre></div>

</section><section data-mw-section-id="2" id="mwJw" aria-labelledby="Zobacz_też"><div class="mw-heading mw-heading2"><h2 id="Zobacz_też"><span id="Zobacz_te.C5.BC" typeof="mw:FallbackId"></span>Zobacz też</h2></div>
<ul id="mwKA"><li id="mwKQ"><a rel="mw:WikiLink" href="E4X" title="E4X" id="mwKg"><span lang="en" typeof="mw:Transclusion" id="mwKw">ECMAScript for XML</span></a></li></ul>

</section><section data-mw-section-id="3" id="mwLA" aria-labelledby="Przypisy"><div class="mw-heading mw-heading2"><h2 id="Przypisy">Przypisy</h2></div>
<div class="mw-references-wrap" typeof="mw:Extension/references" id="mwMg"><ol class="mw-references references" id="mwMw"><li id="cite_note-draft-1" data-mw-footnote-number="1"><span class="mw-cite-backlink" id="mwNA"><a href="#cite_ref-draft_1-0" rel="mw:referencedBy" id="mwNQ"><span class="mw-linkback-text" id="mwNg">↑</span></a></span> <span id="mw-reference-text-cite_note-draft-1" class="mw-reference-text reference-text"><cite class="citation web" typeof="mw:Transclusion" id="mwNw"><a rel="mw:ExtLink nofollow" href="https://facebook.github.io/jsx/" class="external text" id="mwOA"><span lang="en" id="mwOQ">Draft: JSX Specification XML-like syntax extension to ECMAScript</span></a>.</cite></span></li>
</ol></div>

</section><section data-mw-section-id="4" id="mwOg" aria-labelledby="Linki_zewnętrzne"><div class="mw-heading mw-heading2"><h2 id="Linki_zewnętrzne"><span id="Linki_zewn.C4.99trzne" typeof="mw:FallbackId"></span>Linki zewnętrzne</h2></div>
<ul id="mwOw"><li id="mwPA"><a rel="mw:ExtLink nofollow" href="https://pl.reactjs.org/docs/introducing-jsx.html" class="external text" id="mwPQ">oficjalna dokumentacja JSX</a></li></ul>


</section></div><!--htdig_noindex--><div><div class="zim-footer">
    This article is issued from <a class="external text" title="Last edited on 2026-01-04" href="https://pl.wikipedia.org/wiki/?title=JSX&amp;oldid=78592293">Wikipedia</a>. The text is available under <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.pl">Creative Commons Attribution-Share Alike 4.0</a> unless otherwise noted. Additional terms may apply for the media files.
</div>
</div><!--/htdig_noindex--></div>
            </div>
          </main>
        </div>
      </div>
    </div>
     <script src="./_webp_/webpHandler.js"></script>
  

</body></html>