事件对象的类型感应出来的和老师的不一样

事件对象的类型感应出来的和老师的不一样

相关代码:

import React from "react";
import styles from './ShoppingCart.module.css'

interface Props {

}
interface State {
  isOpen: boolean
}

class ShoppingCart extends React.Component<Props, State>{
  constructor(props: Props) {
    super(props)
    this.state = {
      isOpen: false
    }
  }
  handleClick=(e: React.MouseEvent<HTMLButtonElement, MouseEvent>)=> {
    this.setState({ isOpen: !this.state.isOpen })
  }
  render() {
    return (
      <div className={styles.cartContainer}>
        <button
          className={styles.button}
          onClick={this.handleClick}
        >购物车 2(件)</button>
        <div className={styles.cartDropDown}
          style={{
            display: this.state.isOpen ? "block" : "none"
          }}
        >
          <ul>
            <li>robot 1</li>
            <li>robot 2</li>
          </ul>
        </div>
      </div>
    )
  }
}

export default ShoppingCart

视频中老师的:https://img1.sycdn.imooc.com//climg/62416e640918ba2805540186.jpg

我的:https://img1.sycdn.imooc.com//climg/62416e9e09561ba907720121.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2022-03-28 17:12:11

同学你好,直接下载源码测试,与视频中老师的感应不一样,但是与同学截图显示是一样的,如下:

https://img1.sycdn.imooc.com//climg/62417bb109e2088c10840335.jpg

猜测是编辑器版本不同导致的,不影响代码的运行,可以忽略。

祝学习愉快~

  • 提问者 临溪而渔wml #1

    这个需要指定给e的类型,如果感应不是视频中的类型就会报错https://img1.sycdn.imooc.com//climg/62417ef709c5ae8b07120160.jpg

    2022-03-28 17:25:25
  • 好帮手慕慕子 回复 提问者 临溪而渔wml #2

    测试源码,并不会报错,正常触发事件,如下图所示:

    https://img1.sycdn.imooc.com//climg/6241816c098be8e617410711.jpg

    同学说的报错是指直接设置时,编辑器给出提示吗?如下图所示:

    https://img1.sycdn.imooc.com//climg/624181a009445e0710540246.jpg

    如果是的话,老师暂未找到很好的解决方式,同学可以先保证项目是可以运行的,忽略编辑器的这个提示,老师再研究下解决方案,找到后告知同学

    如果不是的话,可以图文结合详细描述下具体是哪里报错,便于帮助同学准确的定位与解决问题。

    祝学习愉快~

    2022-03-28 17:52:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师