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标签使用方法：之所以会这么难写可能是出于安全性的考虑，防止xss攻击参考链接