React 购物车实现抛物线效果

最新推荐文章于 2023-06-02 17:12:30 发布

VIP文章心灵的清道夫

最新推荐文章于 2023-06-02 17:12:30 发布

阅读量425

点赞数 3

文章标签： react.js

本文链接：https://blog.csdn.net/zp200146/article/details/125089008

版权

html

    render() {
        return (
            <div className='Addcart'>
                <div className='box'>
                    {this.state.arr.map((item, index) => <div className='div' key={index}>{item} <span onTouchStart={this.Fnstart.bind(this)}>+</span></div>)}
                    <div className='collect' ref={this.collect}> <span>数量</span> : {this.state.num}</div>
                </div>
            </div>
        )
    }

import React, { Component, createElement, createRef } from 'react'
import './index.less'

interface iProps { }
interface iState { arr: string[], num: number }
export default class Addcart extends Component<iProps, iState> {
    constructor(props: iProps) {
        super(props)
        this.sta