🌊
React1.7.0.2 ひな形
備忘録
codesandboxでは最新版のひな形がデフォルトで使用されるため、ver1.7.0.2用を用意する
index.js
index.js
import React from "react";
import ReactDOM from "react-dom";
import { App } from "./App";
ReactDOM.render(<App />, document.getElementById("root"));
App.js
App.js
import React from "react";
import "./styles.css";
export const App = () => {
return (
<div className="App">
{/* ソースコード */}
</div>
);
};
index.html
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<title>React App</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
</body>
</html>
Discussion