我正在尝试将EventListner添加到文档对象,但是出现cant find variable document
错误。
下面是我的代码
import * as React from 'react';
import { Easing, Text, View, StyleSheet , Button , TextInput , TouchableOpacity , TouchableWithoutFeedback, Animated} from 'react-native';
import DateTimePicker from "react-native-modal-datetime-picker";
import { Platform, StatusBar} from 'react-native';
import ReactDOM from 'react-dom';
// You can import from local files
// or any pure javascript modules available in npm
export default class App extends React.Component {
state = {
menuwidth: new Animated.Value(0)
}
showmenu = () => {
Animated.timing(this.state.menuwidth,{
toValue: 1,
duration: 550,
easing: Easing.linear
}).start();
}
hidemenu = () => {
}
componentWillMount() {
document.addEventListner('click',this.clickoutside,false)
}
componentWillUnMount(){
document.removeEventListner('click',this.clickoutside,false)
}
render() {
const menuwidth_interpole = this.state.menuwidth.interpolate({
inputRange: [0,1],
outputRange: ['-50%','0%']
})
我想念什么吗? 。我正在使用本教程https://medium.com/@pitipatdop/little-neat-trick-to-capture-click-outside-with-react-hook-ba77c37c7e82解决外部组件点击问题。