Javascript 使用文本输入将本机消息发送到whatsapp
我正试图用文本输入发送消息到whatsapp 我要做的是输入手机号码->完全键入消息->使用Linking.openURL发送消息 但问题是,当我尝试键入消息时,当我还没有完成键入消息时,它会将我指向WhatsApp。我把照片给你 如你所见,这只是一个字母(问题) 这是我的职责Javascript 使用文本输入将本机消息发送到whatsapp,javascript,react-native,whatsapp,Javascript,React Native,Whatsapp,我正试图用文本输入发送消息到whatsapp 我要做的是输入手机号码->完全键入消息->使用Linking.openURL发送消息 但问题是,当我尝试键入消息时,当我还没有完成键入消息时,它会将我指向WhatsApp。我把照片给你 如你所见,这只是一个字母(问题) 这是我的职责 sendOnWhatsApp = () => { console.log('test') let msg = this.state.msg; let m
sendOnWhatsApp = () => {
console.log('test')
let msg = this.state.msg;
let mobile= this.state.mobile_no;
if (mobile) {
if (msg) {
let url = 'whatsapp://send?phone=62' + this.state.mobile_no + '&text=' + this.state.msg;
Linking.openURL(url).then(() => {
console.log('WhatasApp Opened');
}).catch(() => {
alert('Make Sure whatsapp is installed on your device');
});
}else{
console.log('Please insert message to send');
}
}else{
console.log('Please insert mobile no');
}
}
这是我的文本输入
render() {
return (
<View style={styles.container}>
<Text style={{textAlign: 'center', fontSize: 20, paddingVertical: 30}}>
Send Your Message to Whatsapp
</Text>
<TextInput
value={this.state.mobile_no}
onChangeText={mobile_no => this.setState({mobile_no})}
placeholder={'87877900297'}
style={styles.input}
keyboardType={'numeric'}
/>
<TextInput
value={this.state.msg}
onChangeText={msg => this.setState({msg})}
placeholder={'Enter Your Message'}
style={styles.input}
/>
<View style={{marginTop: 20}}>
<Button
onPress={this.sendOnWhatsApp()}
title={'Send Message'}
/>
</View>
</View>
)
}
render(){
返回(
将您的信息发送到Whatsapp
this.setState({mobile_no})
占位符={'877900297'}
style={style.input}
键盘类型={'numeric'}
/>
this.setState({msg})}
占位符={'输入您的消息'}
style={style.input}
/>
)
}
我如何将其修复为完全键入,然后使用按钮发送消息
提前谢谢你 在将函数传递给onPress prop时调用函数。您只需传递函数引用即可
onPress={this.sendOnWhatsApp}