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

29 lines
792 B
TypeScript
Raw Normal View History

2019-04-26 21:00:55 +00:00
import * as React from 'react';
import ReactHtmlParser, { processNodes, convertNodeToElement, Transform } from 'react-html-parser';
2019-04-26 21:00:55 +00:00
class HtmlComponent extends React.Component {
render() {
const html = '<div>Example HTML string</div>';
return <div>{ReactHtmlParser(html)}</div>;
}
}
const transform: Transform = (node, index) => {
2019-04-26 21:00:55 +00:00
// 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>
);
}
}