186526/unpkg
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use special type for HTML

Browse Source
This commit is contained in:
Michael Jackson
2018-07-31 15:34:34 -07:00
parent 4605425fd8
commit 7e85e1de5b
4 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
modules/client/MainPage.js
View File

@ -1,7 +1,7 @@
const React = require("react");
const PropTypes = require("prop-types");
const h = require("./utils/createHTML");
const createHTML = require("./utils/createHTML");
const x = require("./utils/execScript");
function MainPage({ title, description, scripts, styles, data, content }) {
@ -28,20 +28,24 @@ function MainPage({ title, description, scripts, styles, data, content }) {
<title>{title}</title>
</head>
<body>
<div id="root" dangerouslySetInnerHTML={h(content)} />
<div id="root" dangerouslySetInnerHTML={content} />
{scripts.map(s => <script key={s} src={s} />)}
</body>
</html>
);
}
const htmlType = PropTypes.shape({
__html: PropTypes.string
});
MainPage.propTypes = {
title: PropTypes.string,
description: PropTypes.string,
scripts: PropTypes.arrayOf(PropTypes.string),
styles: PropTypes.arrayOf(PropTypes.string),
data: PropTypes.any,
content: PropTypes.string
content: htmlType
};
MainPage.defaultProps = {
@ -50,7 +54,7 @@ MainPage.defaultProps = {
scripts: [],
styles: [],
data: {},
content: ""
content: createHTML("")
};
module.exports = MainPage;