Question

开发环境
react.js
打字稿
next.js

按下span标签时，我不想触发onClick进程。
我应该如何实施？

 return (
    <div className="padding-16 flex gap-5 flex-container" onClick={onClickUser}>
        <img src={img} />
      <div className="flex flex-direction gridgap-5">
        <p>
          {name}
        </p>
        <p>
          {age}
        </p>
      </div>
      <span className="hover" onClick={isShowCard}>
        <img src="img/dot.svg" />
      </span>
    </div>
)

Answer 1

您可以将#!/usr/bin/env bash case $BASH_VERSION in ''|[0-3].*|4.0*) echo "ERROR: bash 4.1+ required" >&2; exit 1;; esac coproc btctl { bluetoothctl; } echo "scan on" >&"${btctl[1]}" while IFS= read -r -u "${btctl[0]}" line; do echo "Read line from btctl: $line" >&2 done用于stopPropagation()点击事件。

span

Answer 2

在继续之前，请先检查isShowCard = (event) => { event.stopPropagation() ... } return ( <div className="padding-16 flex gap-5 flex-container" onClick={onClickUser}> <img src={img} /> <div className="flex flex-direction gridgap-5"> <p> {name} </p> <p> {age} </p> </div> <span className="hover" onClick={isShowCard}> <img src="img/dot.svg" /> </span> </div> )的类名称是否为onClickUser的祖先。例如，更改：

hover

到

const onClickUser = (e) => {
  // code
};

反应如何使onClick不适用于某些元素

2 个答案: