<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function h(nodeName, attributes, ...args) {
let children = args.length ? [].concat(...args) : null;
return { nodeName, attributes, children };
}
function render(vnode) {
if (typeof vnode==='string') return document.createTextNode(vnode);
let n = document.createElement(vnode.nodeName);
Object.keys(vnode.attributes || {}).forEach( k => n.setAttribute(k, vnode.attributes[k]) );
(vnode.children || []).forEach( c => n.appendChild(render(c)) );
return n;
}
let div=h('div',{id:'foo'},'hello');
let vnode=render(div);
document.body.appendChild(vnode);
</script>
</body>
</html>
jsx vnode
最后編輯于 ：
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人删豺，你說我怎么就攤上這事共虑。” “怎么了呀页？”我有些...
- 文/不壞的土叔 我叫張陵妈拌，是天一觀的道長。 經(jīng)常有香客問我蓬蝶，道長尘分，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任丸氛，我火速辦了婚禮培愁，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘雪位。我一直安慰自己竭钝，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布雹洗。 她就那樣靜靜地躺著香罐，像睡著了一般。 火紅的嫁衣襯著肌膚如雪时肿。 梳的紋絲不亂的頭發(fā)上庇茫，一...
- 文/蒼蘭香墨 我猛地睜開眼氮凝，長吁一口氣：“原來是場噩夢啊……” “哼羔巢！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起罩阵，我...
- 正文 年R本政府宣布吸申，位于F島的核電站，受9級特大地震影響享甸，放射性物質(zhì)發(fā)生泄漏截碴。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一蛉威、第九天 我趴在偏房一處隱蔽的房頂上張望日丹。 院中可真熱鬧，春花似錦蚯嫌、人聲如沸哲虾。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽束凑。三九已至，卻和暖如春栅盲，著一層夾襖步出監(jiān)牢的瞬間汪诉，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- We recommend using React with Babel to let you use ES6 an...
- We recommend using a bundler like webpack or Browserify s...
- Consider this variable declaration: 考慮這個變量聲明： const eleme...
- React版本：15.4.2**翻譯：xiyoki ** 從根本上說课竣，JSX只是為React.createElem...
- 如果是一個空標簽，你可以像XML那樣通過 />快速改變它喜颁。 const element = ; JSX tags...
