如何解决Javascript/React 事件处理
我试图更好地理解 React,所以我试图连接一个 React 组件以从另一个组件调用函数。不幸的是,我的文件中的 SearchButton 似乎没有与 Map 文件中的函数对话。这是为什么?
SearchButton.js 文件
import React from 'react';
import Button from '@material-ui/core/Button';
export default function SearchButton() {
return(
<div>
<Button
id='searchButton'
variant="contained"
color="primary"
type="submit"
fullWidth
>
Search
</Button>
</div>
);
}
Map.js 文件:
const Map = () => {
...
document.getElementById('searchButton').addEventListener('click',function () {
map.fitBounds([
[79 - 5,5 - 5],// southwestern corner of the bounds
[45 + 5,23 + 5] // northeastern corner of the bounds
]);
});
}
我在尝试时遇到类型错误。
TypeError: 无法读取 null 的属性“addEventListener”
125 | document.getElementById('searchButton').addEventListener('click',function () { ...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。