Если удаление тегов `<style>` происходит на стороне браузера, то есть необходимость удаления их после загрузки HTML на клиентской стороне, это можно сделать с помощью JavaScript.
Вот несколько примеров, как удалить теги `<style>` из HTML кода:
1. С помощью регулярного выражения:
```javascript
const htmlString = '<div><style>body{color:red;}</style></div>';
const cleanedHtml = htmlString.replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi, '');
console.log(cleanedHtml);
```
2. Используя виртуальный DOM в React, вы можете удалить теги стилей перед отображением на странице:
```jsx
import React from 'react';
const Component = ({ htmlString }) => {
const removeStyles = () => {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = htmlString;
const styleTags = tempDiv.getElementsByTagName('style');
for (let i = styleTags.length - 1; i >= 0; i--) {
styleTags[i].parentNode.removeChild(styleTags[i]);
}
return tempDiv.innerHTML;
};
const cleanedHtml = removeStyles();
return <div dangerouslySetInnerHTML={{ __html: cleanedHtml }} />;
};
```
В этом примере мы создаем временный элемент `<div>`, добавляем в него HTML код, затем находим и удаляем все теги `<style>`. Затем мы передаем очищенный HTML код в React компонент с использованием `dangerouslySetInnerHTML` для рендеринга.
Обратите внимание, что вариант с виртуальным DOM (второй пример) будет работать только в клиентской части приложения. Если вам нужно удалить теги `<style>` на серверной стороне, пожалуйста, уточните какой серверный фреймворк вы используете для рендеринга React и я смогу предоставить вам более конкретное решение.