Зачем вам это нужно? Помните, что React, по своей природе, претендует на статус SPA ( Одностраничное приложение ). Этого должно быть достаточно, чтобы вы поняли, что одной страницей является ( должно быть ) index.html.
В любом случае, вы можете сделать это, посмотрев файл index.html по умолчанию, созданный create-реагировать-app, а также файл manifest.json.
Начиная с manifest.json, у вас должен быть этот JSON:
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
}
],
"start_url": "./index.html",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
Или как то так. Вы можете выбрать свойство "start_url", которое является отправной точкой, по которой dev-сервер веб-пакета create-реагировать по умолчанию будет служить вам, когда вы запрашиваете ЛЮБОЙ путь по локальному адресу, на котором вы его используете (обычно localhost: 3000 ). Изменяя это свойство, вы можете заставить его обслуживать нужную страницу, например, login.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>
Как видите, в конце страницы есть
<div id="root"></div>
Именно там React отображает ReactDOM.render (jsx, ElementID) jsx. На самом деле, если вы посмотрите в index.js, ReactDOM будет выглядеть так:
ReactDOM.render(
<Something />,
, document.getElementByID('root'));
Вы можете видеть, что ElementID ('root') - это идентификатор элемента div, в котором вы хотите отобразить jsx (). Если вы создаете новую страницу, скажем, login.html, копируете и вставляете содержимое index.html и изменяете ID элемента, вы можете выбрать отображение этого содержимого, изменяя также реферальный ElementID в ReactDOM.render ().
Работая над этим, вы должны получить желаемый результат, но, как уже было сказано, по моему мнению, вам это не нужно.