码迷,mamicode.com
首页 > 其他好文 > 详细

react购物车的三个组件的分离的头部写法

时间:2021-06-23 16:28:29      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:dal   ret   xtend   商品   exp   NPU   def   play   import   

header.js

import React, { Component } from ‘react‘
import shoppigcar from "../../css/shoppingcar.module.css";

export default class Header extends Component {
    constructor(props){
        super(props);
    }
    render() {
        return (
            <>
                 <div>
                    <div className={shoppigcar.item}>
                        <input type=‘checkbox‘ checked={this.props.ischeckedall} onChange={(e) => {
                            // alert(e.target.checked)
                            this.props.changeCheckedAll(e.target.checked);
                        }} />全选
                    </div>
                    <div className={shoppigcar.item}>商品名称</div>
                    <div className={shoppigcar.item}>商品价格</div>
                    <div className={shoppigcar.item}>商品数量</div>
                    <div className={shoppigcar.item}>商品小计</div>
                    <div className={shoppigcar.item}>操作</div>
                </div>
            </>
        )
    }
}

react购物车的三个组件的分离的头部写法

标签:dal   ret   xtend   商品   exp   NPU   def   play   import   

原文地址:https://www.cnblogs.com/czb1218/p/14920248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!