-
2 votesanswersviews
React / Redux-form不必要地使用无状态组件重新渲染但不使用类
我们有一个聊天页面,其中结构基本上是,消息在一个div中呈现,然后一个按钮和一个包含单个redux表单字段的输入表单在下面呈现: <div class='container'> <div class='messages'> {thisConversation.messages ? thisConversation.messages.map((mess... -
1 votesanswersviews
React Redux Container - 创建包含redux表单并收到错误的页面
我现在正试图添加一个只有一个输入的redux表单来启动 . 我相信我已经完成了从 reduxForm 到我的组件的所有正确连接,但无论出于何种原因我都收到以下错误: warning.js:36 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a st... -
0 votesanswersviews
React / Redux - 如何从组件内访问表单输入错误
我有一个redux表单,当输入未验证时显示错误,这一切都很好,花花公子,但我正试图在用户访问时通过提交按钮创建一个全局的“请填写必填字段”提交,作为一种方式让用户知道“哦,嘿,我需要向上滚动并找到一些未填写的内容” . 我的connect函数如下所示: export default reduxForm({ form: 'requestForm', validate, })(conn... -
1 votesanswersviews
redux-form - 注册州的所有字段
我正在使用redux-form v6, 也使用react-router, 我需要 register all 我的领域,这个大的形式 But 我的应用程序中有多条路线=您可以通过路由更改FORM部分 . 当我初始化应用程序时,我有 only one 部分加载=我没有在另一部分注册 all my fields in redux state = i cant validate 必填字段,因为isnt... -
0 votesanswersviews
未捕获错误:无法在Connect(Form())的上下文或道具中找到“store”
我在我的代码中使用了redux,react-router-redux和redux-form . Code有一个Provider,Connected路由器和Mini组件 . Mini组件包括Switch和一些组件,这取决于路由 . Index.js ... import { Provider } from 'react-redux' import { ConnectedRouter, route... -
0 votesanswersviews
如何基于具有redux-form的参数进行同步字段验证?
我需要在redux-form字段上进行同步字段验证 . 它的一个参数(最小值)在redux商店中 . 如何将param传递给字段验证器功能?甚至是表单的同步验证器功能 . 据我所知,我有两个选项来设置字段验证: 将验证函数传递给reduxForm() 如果我使用此路线,如何从验证功能访问表格道具?即使我将validate函数绑定到表单,它也看不到表单的道具 . App = reduxForm(... -
0 votesanswersviews
如何让redux-form通过输入属性
我正在使用一个反应组件库,为redux-form字段提供验证 . 我的问题是他们没有将html输入属性传递给他们渲染的输入元素 . 需要更改以允许它们将大小或maxLength等属性传递给input元素? 以下是我使用以下组件之一的方法: <Field component={TextInput} type="text" required={true} initialVal... -
1 votesanswersviews
React / Redux应用程序操作未正确分派
我正在尝试使用Redux设置我的第一个React应用程序,但我目前在调度操作时遇到了一些问题 . 到目前为止,我的操作有以下文件: constants/AuthActionTypes.js: export const AUTH_PENDING = 'AUTH_PENDING'; export const AUTH_SUCCESS = 'AUTH_SUCCESS'; export const AUT... -
1 votesanswersviews
当我从第1行的反应中向redux派遣动作时,我可以100%确定反应组件中的第2行是否具有更新的redux状态?
我知道redux中的调度操作是同步的 . 当我从第1行的反应组件向redux发送操作时,我可以100%确定我的react组件中的第2行是否具有更新的redux状态?我正在通过调度 getGameDataSuccess(data) 动作来设置游戏数据 . 我可以100%确定在下一行中新的道具会流下来吗?现在当我 console.log(this.props.lostLetters.gameData)... -
0 votesanswersviews
使用react-router-dom调度位置更改时的Redux操作
我正在使用React和Redux作为搜索应用程序 . 使用 react-router-dom ,我将 /search/:term? 路由到 Search 组件: <Router> <Switch> <Route exact path="/search/:term?" component={Search} /> <Re... -
0 votesanswersviews
Redux表单:如何在验证成功后和提交之前添加功能
我有一个带有验证的redux表单 . 当验证返回时没有错误,它将默认提交给handleSubmit()中的控制器 . class SomeComponent extends Component { constructor(props) { super(props) } render() { const { handleSubmit, fields: { field }... -
2 votesanswersviews
成功提交后,redux-form isDirty不会重置
我正在使用 isDirty 检查表单值是否已输入(并根据该表禁用其他内容) . import { isDirty } from 'redux-form'; const mapStateToProps = state => ({ isFormDirty: isDirty('myform')(state) }); 这很好用,因为在我想要禁用的按钮被禁用时更改窗体值 . 当我发送 reset... -
0 votesanswersviews
当action是redux-form的一部分时,不会返回Redux-thunk函数
我最近在我的React / Redux / Redux-thunk项目中添加了redux-forms,现在如果我向redux-thunk动作提交信息,则信息提交成功,但在返回函数触发后没有任何内容 . 在添加redux-forms之前,一切都按预期工作,所以我认为是问题的根源,但即使在仔细检查Redux,redux-form和redux-thunk的文档之后,我也找不到任何明显的错误 . 连接或设... -
11 votesanswersviews
Redux-Form来自外部交互的更新字段值
我有一个redux-form连接到我的应用程序状态,一切似乎都很好 . 我可以获取数据并将其加载到我的表单中,然后提交数据并获取我想要的元数据... 但是,我有一个自定义交互(颜色选择器),需要动态更改托管字段的值 . 我尝试的所有内容都会改变屏幕,但不会改变redux格式状态,即当我提交表单时,我只获取原始字段数据,而不是表单中显示的新数据 . 下面的版本是将字段props传递给组件并尝试使用C... -
2 votesanswersviews
React Redux动作不进入派遣
我已经看到了一些类似的问题,但是我不完全确定我是否理解mapDispatchToProps,bindActionCreators和connect如何工作,所以我不确定我哪里出错了 . 目前,我正在调用我的recordFullTimeScoreAnswer函数,但是当它进入函数时,返回行后没有任何反应 . 未打印console.log且没有任何错误 零件 renderNextQuestionArro... -
3 votesanswersviews
条纹结帐 - PHP
如果这是基本的话,嘿伙计们真正的初级开发人员如此道歉:所以我设法让Stripe Checkout使用PHP工作 . 但是我想摆脱最初的Stripe Button,它通常会说“继续付款”或“按卡付款” . 我只想链接我网站上的按钮直接进入Checkout弹出窗口 . 我想知道这是否可能?我已经在下面包含了php文件和相关的html代码 . index.php <?php require_onc... -
5 votesanswersviews
使用Stripe和PHP处理可变金额(捐赠)
我需要允许用户使用Stripe输入自定义金额 . 他们输入他们想要输入的内容 . 然后我有一个脚本收集默认条带结帐按钮下面的金额 . 但我怎么能在 charge.php 上处理充电服务器端? donation.php //user enter custom amount <input type="number" class='form-control' ... -
2 votesanswersviews
Stripe Fatal Error无效的源对象
我正在尝试将stripeToken提交给charge.php而不使用ajax,但我收到以下错误: 致命错误:未捕获的异常'Stripe \ Error \ InvalidRequest',消息'无效的源对象:必须是字典或非空字符串 . 我认为它与令牌没有附加到输入有关 . 我尝试了几种不同的方法但没有成功 . minimum markup <form action="charg... -
5 votesanswersviews
Cordova应用程序中的条带重定向浏览器,而不是加载结帐
我正在尝试使用https://stripe.com/docs/checkout#integration-simple中定义的步骤在cordova应用程序内引导Stripe的默认简单javascript集成 . 脚本正确加载,并相应地创建按钮 . 问题是,当我点击使用卡付款时,而不是通过我的应用程序在灯箱中加载结帐,cordova浏览器被重定向到https://checkout.stripe.com... -
0 votesanswersviews
如何使用Rails和HAML将数据传递给Stripe checkout?
我有一个注册表格,包括名字,姓氏,电子邮件和电话,然后是一个带卡片条纹结账按钮 . 用户填写表单后,Stripe Checkout会询问电子邮件地址 . 如何在表单中获取用户输入的电子邮件地址,以自动填写Stripe Checkout中的电子邮件地址字段 . 这是我目前的代码: .field = f.label :"Email:" = f... -
4 votesanswersviews
条带结帐css内容政策错误
我正在尝试在我的Ionic App中创建一个Stripe Checkout形式 . 我创建了一个将表单植入我的内容视图的指令,但是当我运行它时,css在内容策略违规时失败: checkout.js:2拒绝加载样式表'https://checkout.stripe.com/v3/checkout/button-qpwW2WfkB0oGWVWIASjIOQ.css',因为它违反了以下内容安全策略指令... -
1 votesanswersviews
如何在React Webpack中使用Stripe Checkout?
我希望你能提供帮助 . 我会尽力为你提供帮助 .我在Xampp本地运行我的构建 . 我的代码: import React from "react"; import ReactDOM from "react-dom"; export default class Front extends React.Component { constructor(){... -
1 votesanswersviews
条纹结帐按钮不会打开结帐窗口
我正在尝试整合条纹检查 . 为此,我正在遵循此文档: https://stripe.com/docs/recipes/subscription-signup#creating-the-signup-form-using-checkout 所以我在表单中粘贴了 <script> 标签,如: <form action="/create_subscription.php&qu... -
5 votesanswersviews
动作创建者没有使用redux-form 6.0.0-rc.3在“this.props”中显示
当我使用redux-form 5.3.1时,我能够访问我的动作创建者 . 但是当我需要Material-UI时,我将其更新为6.0.0-rc.3 . 从5.3.1更改为6.0.0: 从render()中删除了字段: const { handleSubmit, fields: { email, password, passwordConfirm }} = this.props; 从输入下删除了... -
7 votesanswersviews
React redux-form - 提交后重定向
我正在使用react-router-dom v4 . 表单提交成功后如何 redirect 到页面? 我按照那个教程LINK . 然后我创建了自己的 submit function : const submit=({email='',password=''})=>{ let error={}; let isError=false; if(email.trim()===''){ ... -
1 votesanswersviews
如何在redux表单中访问redux存储
我是react-redux世界的新手,如果我遗漏了什么,请纠正我: 基本上我试图通过redux store访问主机名并在表单中使用它 . 截至目前我只是在redux表单中使用主机名引用window.location但是我想通过redux store /通过任何其他更好的方法访问主机名,这样我可以保持函数纯净吗?思考? 谢谢 编辑: import React from 'react' import ... -
17 votesanswersviews
如何明确地将商店作为道具传递给“Connect()”
我试图测试我的React组件并得到以下错误 . 不变违规:无法在“Connect()”的上下文或道具中找到“store” . 将根组件包装在<Provider>中,或者显式地将“store”作为prop传递给“Connect()” . 在测试中渲染Component时出错 . beforeEach(() => { Component = TestUtils.renderI... -
6 votesanswersviews
无法在上下文或道具中找到“商店”
我有这个错误: Uncaught Invariant Violation:无法在“Connect(ItemIndex)”的上下文或道具中找到“store” . 将根组件包装在<Provider>中,或者显式地将“store”作为prop传递给“Connect(ItemIndex)” . 我的代码是: const createStoreWithMiddleware = applyMi... -
0 votesanswersviews
这款Redux Boilerplate出了什么问题?
我有一些错误 . https://jsbin.com/rapagaw/1/edit?html,js,output Uncaught Invariant Violation:无法在“Connect(Counter)”的上下文或道具中找到“store” . 将根组件包装在a中,或者将“store”显式传递为“Connect(Counter)”的prop . 我看了https://github.co... -
2 votesanswersviews
如何在ReactDOM.render方法中呈现Redux Container
例如: 在Link.js中 class Link extends React.Component { ... } export default Link 在LinkContainer.js中 import { connect } from 'react-redux' import Link from './Link' const mapStateToProps = (state, o...