<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" da

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clip

<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="au

createElement应该与官方一致 about anu HOT 4 CLOSED

rubylouvre commented on June 14, 2024

createElement应该与官方一致

from anu.

Comments (4)

RubyLouvre commented on June 14, 2024

function normalizeChildren(props) {
    var children = props.children
    if (children === void 666) {
        return EMPTY_CHILDREN
    }
    if (!Array.isArray(children)) {
        children = [children]
    }
    return props.children = children.map(function (el) {
        if (el === null) {
            return {
                vtype: 0,
                type: '#empty',
                text: 'empty'
            }
        }
        if (typeof el === 'string') {
            return {
                vtype: 0,
                type: '#text',
                text: el
            }
        }
        return el
    })
}

from anu.

RubyLouvre commented on June 14, 2024

export var namespaceMap = {
    "http://www.w3.org/2000/svg": 1,
    "http://www.w3.org/1998/Math/MathML": 2,
    "0svg": 1,//由html进入svg
    "0math": 2, //由html进入math
    "1foreignObject": 0 //由svg进入html
}
export function getNs2(vnode, ns) {
    // 0  svg --> 1 
    // 1  foreignObject  --> 0
    var curNs = namespaceMap[ns + vnode.type]
    vnode.ns = curNs === void 666 ? ns : curNs
}

from anu.

RubyLouvre commented on June 14, 2024

Stateless会执行ref方法，但是会传入null, 被ReactDOM.render的虚拟DOM有ref，也会被执行

from anu.

RubyLouvre commented on June 14, 2024

  <script type='text/babel'>
  class Nav extends React.Component{
   render(){
     return null
   }
  }
  var b
  ReactDOM.render(b = React.createElement(Nav, {ref: function(a){
    console.log(a, '111')
  }}, "aaaa"), document.getElementById('example'))
 
  </script>