mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
29 lines
792 B
TypeScript
29 lines
792 B
TypeScript
import * as React from 'react';
|
|
import ReactHtmlParser, { processNodes, convertNodeToElement, Transform } from 'react-html-parser';
|
|
|
|
class HtmlComponent extends React.Component {
|
|
render() {
|
|
const html = '<div>Example HTML string</div>';
|
|
return <div>{ReactHtmlParser(html)}</div>;
|
|
}
|
|
}
|
|
|
|
const transform: Transform = (node, index) => {
|
|
// convert <ul> to <ol>
|
|
if (node.type === 'tag' && node.name === 'ul') {
|
|
node.name = 'ol';
|
|
return convertNodeToElement(node, index, transform);
|
|
}
|
|
};
|
|
|
|
class HtmlComponentWithTransform extends React.Component {
|
|
render() {
|
|
const html = '<div>Example HTML string</div>';
|
|
return (
|
|
<div>
|
|
{ReactHtmlParser(html, { transform })}
|
|
</div>
|
|
);
|
|
}
|
|
}
|