Блог

Главная - Вопросы по программированию - Я использую commerce js на своем веб-сайте, но в поле описания отображается тег

Я использую commerce js на своем веб-сайте, но в поле описания отображается тег

#reactjs #visual-studio #dynamic #e-commerce #commerce.js

Вопрос:

Я создаю свой первый веб-сайт с помощью reactjs и commerce js, но поле описания в commerce js не работает.

это поле описания commerce js

это мой код в react

Вот тег p в выводе

Ответ №1:

Commerce.js использует HTML в поле описания продуктов. Современные фреймворки JavaScript, такие как React, не позволят вам по умолчанию отображать внешний HTML по соображениям безопасности. У вас есть два варианта:

  1. Вы можете использовать метод React dangerouslySetInnerHTML , если доверяете Commerce.js Ответ API:
 <p dangerouslySetInnerHTML={{__html: product.description}} />
  1. Вы можете удалить HTML из product.description переменной и вместо этого отобразить обычный текст. Примером пакета, помогающего в этом, может быть https://www.npmjs.com/package/striptags
Метки: ,