basic

很惭愧，在看完React Components, Elements and Instances 这篇文章的时候没有及时去总结，导致现在还是有些模糊。

• jsx

在写react的时候，我们经常在里面写jsx的语法。对这个倒没啥，可以看下文档或者fb react上面的介绍

• createElement

看下他的api:

React.createElement(
  type,
  [props],
  [...children]
)

这个也没啥，就是那么三个参数。

//jsx
<div className='dec'>a div </div>

//createElement
React.createElement(
  type: 'div',
  props: {className: 'desc'},
  children: 'a div' // 或许下面又是一个组件
)

• element

  这个就是react的核心了，这个就是存在内存里的对象。

他的结构如下:

{
  type : string | class,
  props : { children, className, etc. },
  key : string | boolean | number | null,
  ref : string | null
}

不要把createElement和react element的结构搞乱了。。。