react源码-一些概念

Component vs Element vs Instance

Component

function，继承自ReactBaseComponent

class App extends React.Component {
    render() {
        return <p>这是什么</p>
    }
}

Element

:Object,通过createElement(Component)创建

var element = {
    $$typeof,
    type,
    key,
    ref,
    props,
    _owner,
  };

Instance

通过instantiateReactComponent实例化, 属性_currentElement即是Element

markup

Markup refers to the sequence of characters or other symbols that you insert at certain places in a text or word processing file to indicate how the file should look when it is printed or displayed or to describe the document’s logical structure.