在提交按钮上反应原生表单处理

Posted

技术标签:

【中文标题】在提交按钮上反应原生表单处理【英文标题】:React Native Forms Handling on Submit Button 【发布时间】:2022-01-03 03:24:58 【问题描述】:

我是 React Native 的新手。我正在构建一个应用程序,其中有一个联系表。我想收集所有表单字段数据,并希望在单击提交按钮时将用户输入的这些详细信息发送到特定的电子邮件。 我怎样才能做到这一点? 提前致谢

【问题讨论】:

【参考方案1】:

不确定您是否可以直接从 react native 应用程序直接发送电子邮件。

您可以尝试使用react-native-email 包。它很容易集成。该软件包使用 Linking API

import email from 'react-native-email'//imports the package

handleEmail = () => //function to send email
    const to = ['tiaan@email.com', 'foo@bar.com'] // string or array of email addresses
    email(to, 
        // Optional additional arguments
        cc: ['bazzy@moo.com', 'doooo@daaa.com'], // string or array of email addresses
        bcc: 'mee@mee.com', // string or array of email addresses
        subject: 'Show how to use',
        body: 'Some body right here'
    ).catch(console.error)

【讨论】:

以上是关于在提交按钮上反应原生表单处理的主要内容,如果未能解决你的问题,请参考以下文章

求C# winform中点击按钮执行网页JS提交表单代码实现~~!

提交后更改提交按钮上的文本

在另一个组件中提交按钮,创建辅助功能问题

HTML 表单上的默认提交按钮是如何确定的?

submit和ajax提交的区别

在 jquery 验证后提交表单 - 需要通过单击按钮来发布数据