Включить HTML-контент на страницу с помощью React (перевод с Angular)
Используя AngularJS 1.x, я использовал такой код для включения статического HTML-содержимого на страницу:
...
<body>
<!-- Banner -->
<ng-include src = "'banner.html'"></ng-include>
<!-- Navigational thumb -->
<div>
<div>
<ng-include src = "'navbar.html'"></ng-include>
</div>
...
Я хотел бы знать, как это сделать в React (где я новичок).
Возможный дубликат Как я могу отобразить HTML из другого файла в компоненте React?
@ Håken Lid. Да, banner.html читается с диска. Я не использую webpack.
React не может получить доступ к вашей файловой системе самостоятельно. Вы можете использовать инструмент сборки, такой как webpack, для загрузки файла во время сборки.
Я посмотрел документацию по ng-include. Кажется, что он извлекает ресурс с HTTP-запросом во время выполнения. Нет эквивалента реакции. Это возможно, но нужно написать свою реализацию на javascript. Чаще всего это делается во время сборки, используя загрузчик webpack raw. docs.angularjs.org/api/ng/directive/ngInclude
Я вижу и полностью понимаю, что у этой проблемы нет прямого эквивалента в React. Кто-нибудь знает, как правильно решить этот вопрос? Я посмотрел ссылку Олега, но она не подсказывает мне решение, поэтому я не решаюсь отметить это как ответ.
Ответы 1
React использует другой способ визуализации Html как Ang, вы должны создать компонент дампа для визуализации некоторого html и включить его туда, где вам нужно. https://zhenyong.github.io/react/tips/dangerously-set-inner-html.html - тоже проверь.
ng-includeчитаетbanner.htmlс диска? Вы пользуетесь веб-пакетом?