Changeset View
Changeset View
Standalone View
Standalone View
autotests/html/test.jsx.html
- This file was copied to autotests/html/test.tsx.html.
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> | ||
---|---|---|---|---|---|
2 | <html><head> | 2 | <html><head> | ||
3 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | 3 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | ||
4 | <title>test.jsx</title> | 4 | <title>test.jsx</title> | ||
5 | <meta name="generator" content="KF5::SyntaxHighlighting (JavaScript React)"/> | 5 | <meta name="generator" content="KF5::SyntaxHighlighting (JavaScript React)"/> | ||
6 | </head><body style="color:#1f1c1b"><pre> | 6 | </head><body style="color:#1f1c1b"><pre> | ||
7 | <span style="color:#898887;">/* email: <</span><span style="color:#898887;text-decoration:underline;">willy@wmail.com</span><span style="color:#898887;">></span> | 7 | <span style="color:#898887;">// JavaScript React</span> | ||
8 | <span style="color:#898887;"> * URL: </span><span style="color:#898887;text-decoration:underline;">https://reactjs.org/</span><span style="color:#898887;">*/</span> | 8 | | ||
9 | <span style="color:#898887;">/** </span><span style="color:#ca60ca;font-weight:bold;">@author</span><span style="color:#898887;"> Willy </span><span style="color:#000000;font-weight:bold;"><willy@wmail.com></span> | ||||
10 | <span style="color:#898887;"> * </span><span style="color:#ca60ca;">@url</span><span style="color:#898887;"> https://reactjs.org/ **/</span> | ||||
9 | 11 | | |||
10 | <span style="color:#ff5500;">import</span> React <span style="color:#ff5500;">from</span> <span style="color:#bf0303;">'react'</span>; | 12 | <span style="color:#ff5500;">import</span> React <span style="color:#ff5500;">from</span> <span style="color:#bf0303;">'react'</span>; | ||
11 | <span style="color:#ff5500;">import</span> { PhotoStory, VideoStory } <span style="color:#ff5500;">from</span> <span style="color:#bf0303;">'./stories'</span>; | 13 | <span style="color:#ff5500;">import</span> { PhotoStory, VideoStory } <span style="color:#ff5500;">from</span> <span style="color:#bf0303;">'./stories'</span>; | ||
12 | 14 | | |||
13 | <span style="font-weight:bold;">function</span> <span style="color:#0057ae;">Story</span>(props) { | 15 | <span style="font-weight:bold;">function</span> <span style="color:#0057ae;">Story</span>(props) { | ||
14 | <span style="font-weight:bold;">const</span> SpecificStory = components[<span style="color:#0057ae;">props</span>.<span style="color:#0057ae;">storyType</span>]; | 16 | <span style="font-weight:bold;">const</span> SpecificStory = components[<span style="color:#0057ae;">props</span>.<span style="color:#0057ae;">storyType</span>]; | ||
15 | <span style="font-weight:bold;">return </span><span style="color:#644a9b;font-weight:bold;"><SpecificStory</span> <span style="color:#006e28;">story</span>=<span style="color:#0057ae;">{</span> <span style="color:#0057ae;">props</span>.<span style="color:#0057ae;">story</span> <span style="color:#0057ae;">}</span> <span style="color:#006e28;">attr2</span>=<span style="color:#bf0303;">"</span><span style="color:#b08000;">&ref;</span><span style="color:#bf0303;">"</span> <span style="color:#006e28;">attr3</span>=<span style="color:#bf0303;">"Hello\n"</span> <span style="color:#644a9b;font-weight:bold;">/></span>; | 17 | <span style="font-weight:bold;">return </span><span style="color:#644a9b;font-weight:bold;"><SpecificStory</span> <span style="color:#006e28;">story</span>=<span style="color:#0057ae;">{</span> <span style="color:#0057ae;">props</span>.<span style="color:#0057ae;">story</span> <span style="color:#0057ae;">}</span> <span style="color:#006e28;">attr2</span>=<span style="color:#bf0303;">"</span><span style="color:#b08000;">&ref;</span><span style="color:#bf0303;">"</span> <span style="color:#006e28;">attr3</span>=<span style="color:#bf0303;">"Hello\n"</span> <span style="color:#644a9b;font-weight:bold;">/></span>; | ||
16 | } | 18 | } | ||
▲ Show 20 Lines • Show All 41 Lines • Show Last 20 Lines |