React TypeError: Cannot set properties of null React类型错误：无法设置空值的属性

15 浏览
0 Comments

React TypeError: Cannot set properties of null React类型错误：无法设置空值的属性

我正在尝试创建一个模态框：\n这是header.jsx文件：\n

import React from "react";
import styles from "./header.module.css";
const Header = () => {
    // 获取模态框
    const modal = document.getElementById("myModal");
    // 获取打开模态框的按钮
    const btn = document.getElementById("myBtn");
    // 获取关闭模态框的元素
    const span = document.getElementsByClassName("close")[0];
    
    // 当用户点击按钮时，打开模态框
    btn.onclick = () => {
        modal.style.display = "block";
    }
    
    // 当用户点击(x)时，关闭模态框
    span.onclick = () => {
        modal.style.display = "none";
    }
    
    // 当用户点击模态框外部的任何位置时，关闭模态框
    window.onclick = (event) => {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
    
    return (
        

            
            ×
            模态框中的文本..
        

    );
};
export default Header;

\n我的btn.onclick函数返回null，但是我已经有这个元素了。\n我有正确的ID和className。当我console.log(btn)时，它给我返回null。为什么会这样呢？\n我是ReactJs的初学者，所以我尝试使用一些hooks，但是遇到了一些奇怪的错误。\n非常感谢任何帮助！

0