React17ã«ãŠã‘ã‚‹JSXã®æ–°ã—ã„変æ›ã‚’ç†è§£ã™ã‚‹ä»Šæ—¥ç™ºè¡¨ã•ã‚ŒãŸå…¬å¼ãƒ–ãƒã‚°ã®è¨˜äº‹ã«ã‚ˆã‚Œã°ã€React17ã§ã¯æ–°ã—ã„JSXã®å¤‰æ›ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã™ã€‚ã“ã‚Œã¯ã©ã†ã„ã†ã“ã¨ãªã®ã‹ã€æˆ‘々ã«ã©ã†ã„ã†å½±éŸ¿ãŒã‚ã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ JSXã®å¤‰æ›ã¨ã¯ ã»ã¨ã‚“ã©ã®äººã¯ã€Reactを使ã†éš›ã«ä»¥ä¸‹ã®ã‚ˆã†ãªJSX記法を使ã£ã¦ã„ã‚‹ã¯ãšã§ã™ã€‚具体的ã«ã¯æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ã§ã€<div>ã®ã‚ˆã†ãªHTMLã«è¿‘ã„記法ãŒJSXã§ã™ã€‚ const Foo = () => { return <div> <p id="a">I am foo</p> <p key="b">I am foo2</p>> </div>; } ã“れらã¯ç´”粋ãªJavaScriptã§ã¯ãªã„ãŸã‚ã€ãã®ã¾ã¾ã§ã¯å®Ÿè¡Œã§ãã¾ã›ã‚“。ãã®ãŸã‚ã€ä½•ã‚‰ã‹ã®æ–¹æ³•ã§ãŸã ã®JavaScriptã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ç¾ä»£ã§ã¯ã€ãれを担ã†ã®ã¯Babelã‚„TypeScriptã§ã™ã€‚ã“れらã«ã‚ˆã£ã¦ã€ä¸Šè¨˜ã®JSXã‚’å«ã‚€ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«å¤‰æ›
{{#tags}}- {{label}}
{{/tags}}