var a=[1,2,3];
var b=['s','m'];
class Test extends React.Component{
render(){
return(
<div>
{
a.map((item)=>{
if(item==3){
return(
b.map((item)=>{
return <h2>{item}</h2>
})
)
}
return <h1>{item}</h1>
})
}
</div>
)
}
}
ReactDOM.render(
<Test/>,
document.getElementById('example')
);
console.log(Test);
可以看到console.log输出:function,react组件实际就是个函数,render中返回值唯一,但是可以通过循环输出一系列组件