添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
this.props.users.map((item, index) => { // 请注意这里的 return 仅仅是map的语法 return < h2 key = { index }> {item.name} : {item.age} </ h2 > </ div > ReactDOM.render( < Me users = { obj } /> , document.getElementById('root')

使用for循环

class Test extends React.Component {
    render () {
        const { getCount, addInput } = this.props
        let listInput = () => {
            let result = []
            for (let i = 1; i <= 10; i++) {
               result.push(<div key = { i }>输入框: <input type='text'/></div>)
            return result
        return <div>
            { listInput() }
            <input type = 'button' onClick = { addInput }  value = '添加'/>

我们发现,只需要返回一个数组。就可以让react自动渲染出来。