Onclick 上的 div 沒有在反應中啟動

Question

問題是我在沒有啟動的 div 上有一個 onclick。

            <div className={styles.scrollingDiv}>
                <div className={styles.rectangleDiv} />
                <div className={styles.menuBarDiv}>
                    <div className={styles.rectangleDiv16} />
                    <div className={styles.rectangleDiv17} />
                    <div className={styles.rectangleDiv18} />
                    <div className={styles.rectangleDiv19} />
                    <div className={styles.rectangleDiv20} />
                    <div className={styles.ostrichRacewayDiv} onClick={ostrichRacewayClick}>Ostrich Raceway</div>
                    <div className={styles.nVOIBlogDiv} onClick={blogClick}>NVOI Blog</div>
                    <div className={styles.homeDiv} onClick={function() { alert("hello world"); }}>Home</div>
                    <img className={styles.starIcon} alt="" src="star-1.svg" />
                    <div className={styles.newDiv}>New</div>
                </div>
            </div>
            <div className={styles.noScrollingDiv} />
            <div className={styles.noScrollingDiv} />
        </div>

我期待當單擊 div 時，它應該導航。 然而，這並沒有發生！ 這是為什么？

Answer 1

Onclicks 像這樣工作，試試這個：

<button onclick="alert('Hello World')">Click me</button>