Блог

Я пытаюсь использовать Nunjucks в приложении ReactJS…. Я даже не совсем уверен, что это выполнимо, и поэтому пробовал это.

Это то, что я пытаюсь в данный момент: У меня есть веб-приложение React, которое принимает пользовательский ввод через веб-форму. Я использую эти данные для заполнения шаблона с помощью nunjucks.

У меня есть кнопка, которая при нажатии вызывает:

   handleButtonClick() {
    var nunjucks = require("nunjucks")

    console.log(nunjucks.render(
        "template.njk", {
            page_title: "My Title"
        }
    ));
  }
  

Это создает вывод HTML в консоли браузера…. НО это не соответствует ожидаемому. В основном он выводит исходный код public/index.html … стандартный файл в приложениях ReactJS. Более удивительным является то, что даже когда я указываю несуществующий файл (например, template12345.njk вместо template.njk выше), он не выдает никаких ошибок, а скорее выдает тот же результат, что и раньше.

Может кто-нибудь сказать мне, является ли мой подход совершенно неправильным? Возможно ли использовать nunjucks в приложении react? Любые выводы были бы очень полезны.