DefinitelyTyped/types/react-html-parser/react-html-parser-tests.tsx

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>
);
}
}