为什么我的 React js 按钮 onMouseDown 不起作用？

Question

<div className="commentinputMain">
                <img
                    className="commentinputPic"
                    src={PF + user.profilePic}
                    alt="Profile Pic"
                />
                <input
                    className="commentinputInputMain"
                    placeholder="Share something!"
                    onMouseDown={displayButtons}
                    onChange={(e) => {
                        setText(e.target.value);
                        setShowButtons(true);
                    }} />
            </div>
            <div className="commentinputMain">
                {showButtons && (
                    <>
                        <p>
                            <button onMouseDown={console.log("Wait WHAT??")}>Cancel</button>
                        </p>
                        <button>Post</button>
                    </>
                )}
            </div>
            <hr className="commentinputh1" />

Why is the Cancel on click not working? Please give me a solution. I am using React JS and am creating a blog website

Answer 1

你不能像这样调用 console.log 试试这样让我知道这是否有效

onMouseDown={()=>console.log("Wait WHAT??")}