Я недавно начал использовать веб-пакет в своем проекте ASP.Net, и я просто хотел добавить новый компонент реакции сейчас.
Следующая проблема только что возникла у меня. Я импортировал компонент реагирования в индексный файл, и он без проблем упаковывается в веб-пакет.
Однако я загружаю файл bundle.js, который выводит веб-пакет на общей странице.
Проблема, с которой я сейчас сталкиваюсь, заключается в следующем:
В файле, в котором содержится объявление моего реагирующего компонента, назовем его Post.jsx, я звоню ReactDOM.render(<PostFeed />, document.getElementById('postFeed'));. Теперь, как уже говорилось, пакет bundle.js загружается в общем представлении, поэтому каждая страница первоначально вызывает функцию рендеринга в некоторый момент. Однако элемент postFeed, внутри которого отображается компонент, доступен только при переходе пользователя на определенную страницу.
Какие опции у меня теперь есть, чтобы отображать мой компонент только при переходе по определенной странице? Могу ли я как-нибудь надежно определить это из JavaScript? Мне бы очень хотелось сохранить комфортный веб-пакет, но я знаю, что когда нет другого выбора, я мог бы также разделить свой файл Post.jsx и добавить его в качестве сценария в HTML-код для конкретной информации, в которой компонент находит свой элемент. .
Любой совет?