test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 19:49:59 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

fix: should support object.type === 'code'

Browse Source
This commit is contained in:
Benjy Cui 2016-03-01 11:10:57 +08:00
parent 304305fe08
commit 3bccc9197b
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
site/component/utils.js
View File

@ -1,7 +1,8 @@
import React from 'react';
import hljs from 'highlight.js';
export function objectToComponent(object, index) {
if (object === null) return; // TODO: mark-twain support table
if (object === null) return;
const children = object.children;
@ -12,6 +13,18 @@ export function objectToComponent(object, index) {
});
}
if (object.type === 'code') {
const highlightedCode = hljs.highlight('javascript', children).value;
return (
<div className="highlight" key={index}>
<pre>
<code className={object.props.lang}
dangerouslySetInnerHTML={{ __html: highlightedCode }} />
</pre>
</div>
);
}
if (typeof children === 'string') {
return React.createElement(object.type, {
key: index,
@ -19,7 +32,7 @@ export function objectToComponent(object, index) {
});
}
return React.createElement(
object.type, { key: Math.random() },
object.type, { key: index },
children && children.map(objectToComponent) // `hr` has no children
);
}