前端学习（2231）：react条件渲染之列表渲染

import React from 'react';
import ReactDOM from 'react-dom';
let arr = ['小明', '小红', '小花']
let arrHtml = [ < li > 小明 < /li>,<li>小红</li > ]
class Welcome extends React.Component {
        constructor(props) {
            super(props)
            this.state = {
                isLogin: true
            }
        }
        render() {
            return ( <
                div >
                <
                ul > { arrHtml } <
                /ul> < /
                div >
            )
        }
    }
    //console.log("这是渲染函数")
ReactDOM.render( < Welcome / > , document.querySelector("#root"))

运行结果