1.jsx本质，和js的关系？
js的语法扩展，和模板语言很接近，充分具备js的能力。是React.createElement这个js调用的语法糖
2.如何在js中生效？
通过babel（JSX —（被编译）React.createElememt() —（返回）'React Element'的js对象）
3.什么是babel？
一个工具链，将es5+的版本代码转为向后兼容的js语法，使其能运行在旧版本的浏览器或其他环境中
4.为什么要用jsx，不用会怎样？
JSX代码层次分明，嵌套关系清晰，提高效率，反之
5.JSX是如何映射为DOM的
开发者---createElement（数据处理层，阅读源码可知：每个步骤都在格式化数据）--- ReactElement（组装进element对象）--- （返回给）createElement--- （返回）开发者
ReactElement的对象实例就是虚拟DOM中的一个节点，到真实DOM需要ReactDOM.render填补
ReactDOM.render(
// 需要渲染的元素（ReactElement）
element,
// 元素挂载的目标容器（一个真实DOM）
container,
// 回调函数，可选参数，可以用来处理渲染结束后的逻辑
[callback]
)
网友评论