1
  1. 当你在JSX中写入一个div时
    <div id='mian'> test </div>
    转化后输出的js是
    `React.createElement('div',{
    id:'mian',
    },'test')`

    在此:
    react.createElement 这个方法
    第一个参数:div 实际上是dom 结构名称
    第二个参数:是一个对象,里面包含了 dom 的 Id click 方法等
    第三个参数:是dom 里面包含的内容

ps:https://babeljs.io/repl/
这个地址可以将 div 转化成 js 可以明白的看出 jsx 和 js 之间的转化关系


wpflying
11 声望1 粉丝

前端工程师的一枚