React---Render

xiaoxiao2021-02-27  172

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中返回值唯一,但是可以通过循环输出一系列组件

转载请注明原文地址: https://www.6miu.com/read-12662.html

最新回复(0)