React---Render

来源:互联网 发布:淘宝店网名昵称大全 编辑:程序博客网 时间:2024/05/21 14:07
    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中返回值唯一,但是可以通过循环输出一系列组件

原创粉丝点击