Служите реагировать без необходимости index.html

Question

Давайте представим, что у меня есть экспресс-сервер, с которого я могу отправить файл приложения реакции на запрос браузера - app.js

fastify.route({
  method: 'GET',
  url: '/index.html',
  handler: (req, res) => {
    res.sendFile(app.js)
  }
})

На стороне клиента я хочу, чтобы браузер принял его как index.html с реакцией внутри.

import React from 'react'
import { render } from 'react-dom'
import App from './src/App'

// Where to place all html?
render(<App />, document.getElementById('someid'))

Проще говоря, я хочу избавиться от index.html и генерировать его динамически.

Как мне это сделать?

Answer 1

Ваше приложение реагирования - это просто пакет JavaScript, в котором браузер может понимать только HTML и выполнять js.

Браузер анализирует HTML и создает дерево DOM, в ходе которого он выбирает весь JavaScript в тегах скрипта.И Реакт это не HTML.

Таким образом, вы должны отправить index.html, в этом случае любой html-файл должен быть сначала отправлен в браузер.