Question

请在发生此错误时反应，好吧，导入了一些外部js文件，该文件在其中进行了一些Dom操作，例如添加css类和从模板中删除css类。问题是，当我加载App.js类时，从我自己的理解来看，我认为是找不到该下拉列表类的错误，因为该组件尚未呈现。所以简而言之，请有人可以帮助我。预先感谢。

js代码

null

我收到错误

var dropdown = document.querySelector('.modal');
dropdown.addEventListener('click', function(event) {
  event.stopPropagation();
  dropdown.classList.toggle('is-active');
});

将非常感谢

Answer 1

您应该在var zipped = lists.ZipMultiple(); var output = $"({string.Join(", ", zipped.Select(x => $"({string.Join(",", x)})"))})";元素所在的reactjs类的componentDidMount函数内部编写此代码。

.modal

通过这种方式，您应该使用react的componentDidMount(){ var dropdown = document.querySelector('.modal'); dropdown.addEventListener('click', function(event) { event.stopPropagation(); dropdown.classList.toggle('is-active'); }); }属性，而不是像这样绑定click函数

TypeError：尝试访问reactjs中的Dom元素时dropdown为null

1 个答案: