2023-07-20 13:45:41 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
|
<title>%REACT_APP_NAME%</title>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
img {
|
|
|
|
|
|
width: 1.2em;
|
|
|
|
|
|
height: 1.2em;
|
|
|
|
|
|
}
|
2023-07-20 13:45:41 +08:00
|
|
|
|
|
2023-08-04 16:05:14 +08:00
|
|
|
|
svg {
|
|
|
|
|
|
max-width: 1.2em;
|
|
|
|
|
|
max-height: 1.2em;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
2023-07-20 13:45:41 +08:00
|
|
|
|
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<body>
|
|
|
|
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
|
|
<div id="root">
|
2023-07-20 13:45:41 +08:00
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
2023-07-20 13:45:41 +08:00
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
2023-07-20 13:45:41 +08:00
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
2023-07-20 13:45:41 +08:00
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<div class="cont cont1">
|
|
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Declarative: React makes it painless to create interactive UIs.
|
|
|
|
|
|
Design simple views for each state in your application, and React
|
|
|
|
|
|
will efficiently update and render just the right components when
|
|
|
|
|
|
your data changes. Declarative views make your code more
|
|
|
|
|
|
predictable, simpler to understand, and easier to debug.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Component-Based: Build encapsulated components that manage their own
|
|
|
|
|
|
state, then compose them to make complex UIs. Since component logic
|
|
|
|
|
|
is written in JavaScript instead of templates, you can easily pass
|
|
|
|
|
|
rich data through your app and keep the state out of the DOM.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
React 使创建交互式 UI
|
|
|
|
|
|
变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React
|
|
|
|
|
|
能高效更新并渲染合适的组件。
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>以声明式编写 UI,可以让你的代码更加可靠,且方便调试。</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<div class="cont cont2">
|
|
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Declarative: React makes it painless to create interactive UIs.
|
|
|
|
|
|
Design simple views for each state in your application, and React
|
|
|
|
|
|
will efficiently update and render just the right components when
|
|
|
|
|
|
your data changes. Declarative views make your code more
|
|
|
|
|
|
predictable, simpler to understand, and easier to debug.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Component-Based: Build encapsulated components that manage their own
|
|
|
|
|
|
state, then compose them to make complex UIs. Since component logic
|
|
|
|
|
|
is written in JavaScript instead of templates, you can easily pass
|
|
|
|
|
|
rich data through your app and keep the state out of the DOM.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
React 使创建交互式 UI
|
|
|
|
|
|
变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React
|
|
|
|
|
|
能高效更新并渲染合适的组件。
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>以声明式编写 UI,可以让你的代码更加可靠,且方便调试。</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<div class="cont cont3">
|
|
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Declarative: React makes it painless to create interactive UIs.
|
|
|
|
|
|
Design simple views for each state in your application, and React
|
|
|
|
|
|
will efficiently update and render just the right components when
|
|
|
|
|
|
your data changes. Declarative views make your code more
|
|
|
|
|
|
predictable, simpler to understand, and easier to debug.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Component-Based: Build encapsulated components that manage their own
|
|
|
|
|
|
state, then compose them to make complex UIs. Since component logic
|
|
|
|
|
|
is written in JavaScript instead of templates, you can easily pass
|
|
|
|
|
|
rich data through your app and keep the state out of the DOM.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
React 使创建交互式 UI
|
|
|
|
|
|
变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React
|
|
|
|
|
|
能高效更新并渲染合适的组件。
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>以声明式编写 UI,可以让你的代码更加可靠,且方便调试。</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<div class="cont cont4">
|
|
|
|
|
|
<h2>
|
|
|
|
|
|
React is a <code>JavaScript</code> <a href="#">library</a> for
|
|
|
|
|
|
building user interfaces.
|
|
|
|
|
|
</h2>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Declarative: React makes it painless to create interactive UIs.
|
|
|
|
|
|
Design simple views for each state in your application, and React
|
|
|
|
|
|
will efficiently update and render just the right components when
|
|
|
|
|
|
your data changes. Declarative views make your code more
|
|
|
|
|
|
predictable, simpler to understand, and easier to debug.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Component-Based: Build encapsulated components that manage their own
|
|
|
|
|
|
state, then compose them to make complex UIs. Since component logic
|
|
|
|
|
|
is written in JavaScript instead of templates, you can easily pass
|
|
|
|
|
|
rich data through your app and keep the state out of the DOM.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
React 使创建交互式 UI
|
|
|
|
|
|
变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React
|
|
|
|
|
|
能高效更新并渲染合适的组件。
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>以声明式编写 UI,可以让你的代码更加可靠,且方便调试。</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<div class="cont cont5">
|
|
|
|
|
|
<h2>React is a JavaScript library for building user interfaces.</h2>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Declarative: React makes it painless to create interactive UIs.
|
|
|
|
|
|
Design simple views for each state in your application, and React
|
|
|
|
|
|
will efficiently update and render just the right components when
|
|
|
|
|
|
your data changes. Declarative views make your code more
|
|
|
|
|
|
predictable, simpler to understand, and easier to debug.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Component-Based: Build encapsulated components that manage their own
|
|
|
|
|
|
state, then compose them to make complex UIs. Since component logic
|
|
|
|
|
|
is written in JavaScript instead of templates, you can easily pass
|
|
|
|
|
|
rich data through your app and keep the state out of the DOM.
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
React 使创建交互式 UI
|
|
|
|
|
|
变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React
|
|
|
|
|
|
能高效更新并渲染合适的组件。
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>以声明式编写 UI,可以让你的代码更加可靠,且方便调试。</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2023-07-20 13:45:41 +08:00
|
|
|
|
</div>
|
2023-08-04 16:05:14 +08:00
|
|
|
|
<!--
|
2023-07-20 13:45:41 +08:00
|
|
|
|
This HTML file is a template.
|
|
|
|
|
|
If you open it directly in the browser, you will see an empty page.
|
|
|
|
|
|
|
|
|
|
|
|
You can add webfonts, meta tags, or analytics to this file.
|
|
|
|
|
|
The build step will place the bundled scripts into the <body> tag.
|
|
|
|
|
|
|
|
|
|
|
|
To begin the development, run `npm start` or `yarn start`.
|
|
|
|
|
|
To create a production bundle, use `npm run build` or `yarn build`.
|
|
|
|
|
|
-->
|
2023-08-04 16:05:14 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|