Javascript 使用文本输入将本机消息发送到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

我正试图用文本输入发送消息到whatsapp

我要做的是输入手机号码->完全键入消息->使用Linking.openURL发送消息

但问题是,当我尝试键入消息时,当我还没有完成键入消息时,它会将我指向WhatsApp。我把照片给你

如你所见,这只是一个字母(问题)

这是我的职责

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}