美文网首页
react 数组

react 数组

作者: 琳媚儿 | 来源:发表于2020-04-08 13:25 被阅读0次

    定义空数组存放
    数组 的 map 方法 :在指定数组中加入某个元素,最终以新数组形式返回

    const result=arrStr.map(item =>{
        return item+"Hello"
    })
    
    console.log(result);
    
    import React from 'react';
    import ReactDOM from 'react-dom';
    
    
    const arrStr = ['1', '2', '3', '4', '5']
    const nameArr = [];    //用来存放数据
    //循环
    arrStr.forEach(item => {
        const temp = <h5 key={item}>{item}</h5>
        nameArr.push(temp)      //将数据push 到temp中
    }) 
    
    ReactDOM.render(
        <div>
            {nameArr}
            {arrStr.map(item => <h3 key={item}>{item}</h3>)}
        </div>, 
        document.getElementById('app')  
    )
    

    相关文章

      网友评论

          本文标题:react 数组

          本文链接:https://www.haomeiwen.com/subject/tsqtmhtx.html