[toc] # react元素和react组件关于作为children方面的那些问题 ## pre 首先要明确的： 任何字符和react元素（type为string和type为fn）都能作为children 下面这些方式都能为一个组件添加children  ## react元素和react组件分别能f以哪些形式作为children ### react元素只能以`{}`的形式而不能用`<>`的形式 另外下面这种等同于type为string类型，即原生html ``` let el = <div>el</div> ``` 这个变量名字`el`不用大写，可以直接用`{}`作为children ``` render(){ return ( <div> {el} </div> ) } ``` 这样写是不会报错的，因为`<div>el</div>`就等于`React.createElement('div')` 但如果  是会报错的，因为此时`El`尽管首字母大写了，它也不是一个组件，它依然是一个普通的react元素(不是一个函数或则说类)，type为string(不为func)，是不能使用`<>`的形式的  但依然可以这么使用 ``` render(){ return ( <div> {El} </div> ) } ``` ### react组件不能用`{}`的形式，必须用`<>`的形式 正如上面标题所言，但有一个前提是react组件的函数名（变量名）必须首字母大写，不然即使使用`<>`的形式也不会当做一个react组件渲染（而只会被当做一个自定义标签） 如果使用`{}`（并且`{}`里就是一个组件函数名或类名，未调用React.CreateElement(`<>`)），此时这个react组件还只是一个函数，还没有调用`React.createElement(组件名)`来创建组件， 会报以下错误  但如果`{}`里的已经是一个`<>`（即调用了React.createElement），那么也是可以的。 ### react元素里能嵌套react组件（反之，当然亦然） #### 不是说react元素就不能有孩子  So，不是说react元素就不能有孩子，这个孩子还可以是react组件