博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
todolist
阅读量:2121 次
发布时间:2019-04-30

本文共 1481 字,大约阅读时间需要 4 分钟。

标题

import React, {
Component } from 'react'export default class App extends Component {
state = {
datalist:["aaa","bbb","ccc","ddddd"] } mytext = React.createRef() render() {
// console.log(this) return (
    {
    this.state.datalist.map((item,index)=>
  • {
    item}
  • ) }
) } handleClickAdd() {
console.log("click", this.mytext.current.value) // this.state.datalist.push(this.mytext.current.value) // this.forceUpdate() this.setState({
datalist:[...this.state.datalist,this.mytext.current.value] }) this.mytext.current.value = "" //ref 引用清空 } handleDel(index){
// this.state.datalist.splice console.log("del",index) // this.state.datalist.splice(index,1) var newlist = [...this.state.datalist] newlist.splice(index,1) this.setState({
datalist:newlist }) }}var list= ["aaa","bbb","ccc"]var newlist = list.map(item=>`
  • ${
    item}
  • `)console.log(newlist.join(""))//r-if?----------//r-show?---------

    转载地址:http://nqyrf.baihongyu.com/

    你可能感兴趣的文章
    检测iOS的网络可用性并打开网络设置
    查看>>
    简单封装FMDB操作sqlite的模板
    查看>>
    iOS开发中Instruments的用法
    查看>>
    iOS常用宏定义
    查看>>
    什么是ActiveRecord
    查看>>
    有道词典for mac在Mac OS X 10.9不能取词
    查看>>
    关于“团队建设”的反思
    查看>>
    利用jekyll在github中搭建博客
    查看>>
    Windows7中IIS简单安装与配置(详细图解)
    查看>>
    linux基本命令
    查看>>
    BlockQueue 生产消费 不需要判断阻塞唤醒条件
    查看>>
    强引用 软引用 弱引用 虚引用
    查看>>
    数据类型 java转换
    查看>>
    "NetworkError: 400 Bad Request - http://172.16.47.117:8088/rhip/**/####t/approval?date=976
    查看>>
    mybatis 根据 数据库表 自动生成 实体
    查看>>
    win10将IE11兼容ie10
    查看>>
    checkbox设置字体颜色
    查看>>
    第一篇 HelloWorld.java重新学起
    查看>>
    ORACLE表空间扩张
    查看>>
    orcal 循环执行sql
    查看>>