JSX怎么解析HTML标签？

Question

leth='test';{h}//test想知道怎么解析html？

Answer 1

jsx是语法糖，最终转译目标都会成类似于
leth=React.createElement('a',null,[{text:'test'}]);
React.createElement('div',null,[h]);
+++++
如果加一个render函数，你应该可以理解
functionrender(virtualDom){
varelement=document.createElement(virtualDom.type);
//...设置属性等
if(virtualDom.children){
varmarkup=render(virtualDom[0]);
//...
}
//递归子元素等
returnelement;
}
                            

Answer 2

react中采用dangerouslySetInnerHTMl解析html标签
使用方法：
__html:'
我是h3
'
}}>