美文网首页
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基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • 最新面试集合

    react 1,react类组件和函数组件区别 函数组件:function Welcome (props) {re...

  • React_hooks

    React_hooks React16.8新增的特性,主要针对函数组件 一、函数组件和类组件的区别 函数组件的运行...

  • React中的setState简析

    React中数据的更新操作 这里以更新数组为例说明React中数据应该如何更新 React中更新数组必须生成一个新...

  • React 性能优化 - 避免重复渲染

    对于函数组件是否需要再次渲染,可以根据 React.memo 与 React.useMemo 来优化。 函数组件优...

  • react hook介绍

    react hook是什么 react hook是react中引入新特性,它可以让react函数组件也拥有状态;通...

  • React Hook

    简介 :原本函数组件和类组件同为react组件,但是由于函数组件为无状态组件,react hook 的引入,让函数...

  • React Hook

    Hook 是能让你在函数组件中“钩入” React 特性的函数(hook是react16.8的新增特性,让函数组件...

  • React学习笔记_02

    React 组件和状态 react 组件 1,组件的两种创建方式1,函数组件2,类组件 1,函数组件:使用 JS ...

  • react 数组

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

网友评论

      本文标题:react 数组

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