Как импортировать html в React.js?

Пользователь

от urban_will , в категории: JavaScript , месяц назад

Как импортировать html в React.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dmitrypro77 , месяц назад

@urban_will Вы можете использовать require() и путь к html документу чтобы импортировать его в React.js и затем dangerouslySetInnerHTML чтобы отобразить его, включая html теги(имейте ввиду что это может быть опасно и только импортируйте html которые контролируются Вами, а не пользователи загружают его - т.к. документ может содержать вредоносный код), ниже пример кода на React.js:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
import React from "react";
import ReactDOM from "react-dom";

// Путь к Вашему HTML документу
const html = require("./contact.html");

const Main = () => {
  return (
    <div>
      <p dangerouslySetInnerHTML={{ __html: html }} />
    </div>
  );
};

class App extends React.Component {
  render() {
    return <Main />;
  }
}

ReactDOM.render(<App />, document.getElementById("container"));
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.