学习React基本渲染数据操作（-）

import React, { Component, Fragment } from "react";
//采用类的写法，现在在版本16.8以后出现Hooks以后就几乎不用类的写法
export default class App extends Component{state = {arr:["23","地方"]}render(){return(<><ul>return(this.state.arr.map((item,index)=>{return(//说明 这个Fragment这个是一个根元素，// 但是和<></>这个根元素还是使用场景用所不同，比如下面这个//如果用和这个<></>包括报语法错误<Fragment key= {index} ><li>{item}</li><span>一切安好</span><Fragment />)}))</ul></>)}
}
//采用函数式写法 Hooks
import React ,{useState,Fragment} from "react"
export default function App(){let [sum,setSum] = useState(["小白","小花","小黑"]);return(<><ul>sum.map((item,index)=>{return(< Fragment key={index}><li>{item}</li><span>小包</span><Fragment/>)}))</ul></>)
}
//文件index.js
import ReactDOM from "react-dom"
import App from "./App"
ReactDOM.render(<App/>,document.getElementById("root")
)

学习React基本渲染数据操作（-）相关推荐

（pytorch-深度学习系列）pytorch数据操作
pytorch数据操作基本数据操作,都详细注释了,如下: import torch#5x3的未初始化的Tensor x = torch.empty(5, 3) print("5x3的未初始 ...
opencv学习之数据结构与数据操作
基础结构 CvPoint //CvPoint定义基于二维坐标的点 typedef struct CvPoint{int x;int y; }CvPoint; //构造函数 inline CvPoint ...
react循环渲染数据
react循环输出元素代码说明:index->索引 key:循环语句时的唯一标识一.循环普通数组 1.map循环方式(foreach同理) render() {const items = [ ...
R学习笔记之五：数据操作
一.索引 1.vector 2.matrix和data.frame 对于data.frame,使用attach(x),可以使数据框中的列项,可以像一般向量那样使用:再次直接使用detach(),即可解 ...
10月25日学习内容整理：数据操作：增加更新删除，单表查询操作
>>\G是按行显示,必须是大写 >>插入数据:补充另一种插入记录的方法 -->insert into 表名1(字段1,字段2,...) select 字段1,字段2,.. ...
Python学习笔记 - 探索字符串数据操作
大家好,我是Mr数据杨,设想一下,我们身处<三国演义>的热血世界,赵云.曹操.孔明都是我们的亲密朋友.在这个世界里可以用Python的字符串 + 运算符来合并孔明的锦囊妙计和赵云的勇武之谋 ...
unordered_multimap学习之插入数据操作insert，emplace ，emplace_hint
本篇学习unordered_multimap的插入数据操作,具体的函数如下: insert (C++11) 插入元素或结点 (C++17 起) (公开成员函数) emplace (C++11) 原位构 ...
DB2 9 使用开辟（733 检验）认证指南，第 2 部分: DB2 数据操作(1)
学习根基不美概念级别: 中级 Sunil Sabat, 技术同盟司理, PeopleSoft 在本教程中,您将学习 DB2 数据库中数据操作的根基不美概念.这是分 9 部分的系列教程的第 2 部分, ...
react 嵌套渲染_React 中嵌套数组数据如何渲染到前端页面
现在有后端提供的类似下面这种格式的数据 { status:X, body: [ {year: 2017, month: [December, October, ...]} {year: 2016, m ...
OpenCV学习笔记（四十一）——再看基础数据结构core OpenCV学习笔记（四十二）——Mat数据操作之普通青年、文艺青年、暴力青年 OpenCV学习笔记（四十三）——存取像素值操作汇总co
OpenCV学习笔记(四十一)--再看基础数据结构core 记得我在OpenCV学习笔记(四)--新版本的数据结构core里面讲过新版本的数据结构了,可是我再看这部分的时候,我发现我当时实在是看得太马 ...

学习React基本渲染数据操作（-）

学习React基本渲染数据操作（-）相关推荐

最新文章

热门文章