redux-form 相关问题

Redux Form与React和Redux一起使用,以使React中的表单能够使用Redux来存储其所有状态。


如何启动和打开电子邮件客户端ReactJS

我想在我的反应应用程序中显示一个像这样的弹出窗口,单击此处。简而言之,我想在 ReactJs 中启动并打开电子邮件客户端。我目前正在使用一个简单的 p 标签: 我想在我的 React 应用程序中显示一个像这样的弹出窗口 单击此处。简而言之,我想在ReactJs中启动并打开电子邮件客户端。我目前正在使用一个简单的 p 标签: <p className="cnct_email_addr">Email US</p> 我知道有一种方法可以像这样使用mailto: <a href="mailto:[email protected]">Email Us</a> 但我想知道是否有更反应的方式来做到这一点。如果有请告诉我。 您可以使用 mailto 打开 window 链接 window.open('mailto:[email protected]?subject=Subject&body=Body%20goes%20here') const Mailto = ({ email, subject, body, children }) => { return ( <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{children}</a> ); }; ReactDOM.render( <Mailto email="[email protected]" subject="Hello & Welcome" body="Hello world!"> Mail me! </Mailto>, document.getElementById('root') ); 参考链接。 const openEmail = () => { const recipient = "[email protected]"; const subject = encodeURIComponent("Subject Here"); const body = encodeURIComponent("Body content goes here."); // Check if default email client exists (mailto) try { window.location.href = `mailto:${recipient}?subject=${subject}&body=${body}`; } catch (e) { // Fallback to Outlook Web App window.open( `https://outlook.office.com/mail/deeplink/compose?to=${recipient}&subject=${subject}&body=${body}`, '_blank' ); } }; 您必须导入此“链接” <Button onPress={() => Linking.openURL('mailto:[email protected]?subject=SendMail&body=Description') } title="[email protected]" />

回答 4 投票 0

React 无法识别 DOM 元素上的 `initialValue` 属性

警告:React 无法识别 DOM 元素上的 `initialValue` 属性。如果您有意希望它作为自定义属性出现在 DOM 中,请将其拼写为小写的“initialvalue”。如果...

回答 3 投票 0

以编程方式更改 Redux-Form 中的 FieldArray 值

我试图弄清楚如何使用 this.props.dispatch(change) 以便使用一个字段选择器值来更新 FieldArray 中的另一个字段值。 https://codesandbox.io/s/2p7k7jn930 我不能

回答 3 投票 0

为什么我的表单中的input.onChange()会触发AsyncValidation错误?

这是我的 search.jsx 组件 常量搜索 = ({ 输入, 正在获取, 已选定, 信息, 选项, 处理搜索, 处理变化, 处理保存, 处理取消, }) =>...

回答 1 投票 0

即使设置了initialValues,React Redux Form也无法通过所需的验证

我有一个 React Redux 表单,它有一些必填字段,并使用 initialValues 属性设置其初始值 这些值初始化得很好,但是当我尝试保存表单时,它错误地显示 fi...

回答 2 投票 0

reduxForm 中的“原始”和“提交”是什么?

我正在使用 reduxForm 编写一段简单的代码。什么是原始和顺服?这些的目的是什么?

回答 1 投票 0

除了本地存储之外,还有其他方法来持久化 Redux Store 的状态吗?

我想保留 redux 存储的状态,但不想使用本地存储来处理它。我刚刚阅读了一些文档,但根据他们提供的答案,我们可以保留统计数据...

回答 1 投票 0

是否可以在不使用connect()的情况下使用redux-form?

由于各种不属于我的原因,在我的工作应用程序中,我们使用 redux 而不使用 connect HOC。这里有优点也有缺点。但是是否可以以这种方式使用 redux-form,目前...

回答 3 投票 0

React Native 中出现键盘时如何移动视图?

当 TextInput 获得焦点时,键盘会隐藏提交按钮。 如何自动滑动TextInput下方的组件

回答 3 投票 0

redux-form renderField 类型单选未定义值

我尝试为单选按钮实现 renderField,我可以显示它,但是当我单击单选字段时不会填充。 当我检查控制台时,输入的值始终等于未定义! 这是我...

回答 1 投票 0

创建只能应用于字段数组中的一项的字段(例如特色标志)的最佳方法是什么?

我们目前正在努力将我们的配置文件编辑器表单从 Redux Form 迁移到 React Final Form。在这里,我们有一个表示对象值列表的字段数组——在本例中,是一个 web 列表……

回答 0 投票 0

React-admin:如何实现自动保存/后台保存功能?

如何使用 react-admin 实现自动保存/后台保存功能? 当我编辑富输入字段时,我想要一个功能,例如富文本,后台保存会将我的文本推送到服务器,w ...

回答 2 投票 0

具有自定义格式的 DatePicker 日期输入

我想使用 redux-form 记录我所在州的日期。我使用反应日期选择器。为了使日期选择器与我的 redux-form 兼容,我写了: 从'react'导入React,{PropTypes}; 导入 DatePicke...

回答 6 投票 0

React 应用程序中未定义的环境变量

我有 env var SERVER_URL=localhost:8000 配置.js export const SERVER_URL = process.env.SERVER_URL; 导出 { SERVER_URL 作为默认值}; 和行动: 函数 fetchData(apiUrl,超时){ 退...

回答 3 投票 0

为什么 asyncValidate 不通过 Redux 形式的错误?

我试着做例子 https://redux-form.com/6.4.3/examples/asyncvalidation/ 这是具有形式的组件 从“反应”导入反应; 从“./AddressForm”导入 AddressForm; 进口{

回答 0 投票 0

属性'submitAction'在类型'{}'中缺失,但在类型'{}'中需要。

我正在努力学习redux表格和typescript,但我遇到了一个错误,我无法解决。这个错误是:在类型'{}'中缺少属性'submitAction',但在类型'Readonly'中需要。属性'submitAction'在'{}'类型中缺失,但在'Readonly'类型中是必需的。

回答 1 投票 0

类型错误:parentSubmit不是一个函数。

嗨,我正试图重构一个基于redux-forms typescript类的组件,并将其转化为hooks.这就是该组件的位置(最终也将改为hooks):导入React ...

回答 1 投票 0

redux-form的字段不能设置自动完成关闭

我想在redux-form的Field组件中关闭浏览器对输入字段的自动完成功能,但是从来没有成功过。我的代码如下: import { Field, reduxForm } from 'redux-formimmutable'; import { ...

回答 1 投票 0

如何将选择点移动到输入栏的开头?

我有一个输入字段(使用redux-form)。 { var val = e.target.value; ...

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.