React使用来自不同组件的值(在表单提交中)
React是一个用于构建用户界面的JavaScript库。它采用组件化的开发模式，可以将界面拆分成独立的、可复用的组件。在React中，可以通过props属性将数据从父组件传递给子组件。
在表单提交中，如果需要使用来自不同组件的值，可以通过以下步骤实现：
- 在父组件中创建一个状态（state），用于存储表单中各个组件的值。
- 在父组件中定义一个方法，用于更新状态中的值。这个方法将作为props属性传递给子组件。
- 在子组件中，通过props属性接收父组件传递的方法，并在需要的时候调用该方法更新值。
- 在父组件中，通过props属性将状态中的值传递给其他需要使用这些值的组件。
这样，当表单中的组件值发生变化时，子组件可以通过调用父组件传递的方法来更新父组件的状态，从而实现不同组件值的传递和使用。
React的优势在于其高效的虚拟DOM机制，可以减少对实际DOM的操作，提高性能。同时，React还具有良好的组件化开发模式，使得代码可维护性和复用性更强。
在腾讯云中，可以使用云函数SCF（Serverless Cloud Function）来部署React应用。云函数SCF是一种无服务器计算服务，可以根据实际请求量自动弹性伸缩，无需关心服务器运维。您可以通过腾讯云云函数SCF产品介绍了解更多信息：云函数SCF产品介绍
另外，腾讯云还提供了云开发（Tencent CloudBase）服务，它是一套面向前端开发者的云端一体化开发平台，提供了云函数SCF、云数据库、云存储等服务，可以方便地进行前后端开发和部署。您可以通过腾讯云云开发产品介绍了解更多信息：云开发产品介绍
相关·内容
I通过映射在react中显示多个表单，而submit按钮在父组件中，如何获取表单提交上映射的所有表单的值？
下面是我的父组件代码：
<form>
{rowdata.map((item, index) => <ChildForm key={index} {...this.state} />)}
<Button type="submit" className="primarybtn btnsmall"/>
</form>
浏览 1提问于2020-04-13得票数 0
我想在Drupal 6中创建一个Webform，我可以在其中放置一个<select>列表，其中列表是一个节点。我已经创建了一个内容类型，它是events，这些事件过期了。因此，我想要的是，当用户提交表单时，他/她有能力从<select>列表中进行选择，所以当表单提交时，当我进入提交结果时，我可以看到用户在提交webform时选择的内容类型(events)。这个是可能的吗？谢谢
浏览 0提问于2012-08-28得票数 3
回答已采纳
所以我有一个由输入字段组成的react组件。输入字段通过表单提交数据并将其传递给控制器。到目前为止，一切顺利。
事情开始变得复杂的地方是，当我通过react组件提交表单时，我可以看到rails确认提交按钮已经被单击，但它没有捕获提交的输入。
有趣的是，当我对普通的rails表单执行同样的操作时，数据通过视图传递给控制器。这里没有问题。
下面是react组件：
import React from 'react'
import userInput from "./userInput";
import ReactDOM from "react-dom&#
浏览 1提问于2018-05-16得票数 1
当成功提交表单时，我正在尝试呈现其他组件。表单有不同的rails布局，在表单提交后，它会使用不同的布局进行重定向。
使用react-router和重定向对象来渲染组件，但是如何使用布局来渲染它呢？此外，我想显示闪光信息后，表单提交与反应。因此，如果在提交表单后重新加载页面，则无法在react组件中设置flash消息。有什么建议吗？
谢谢。
浏览 0提问于2018-05-09得票数 3
1回答
我想在react表单中使用Autocomplete，它应该能够选择多个值。提交表单后，当我单击编辑按钮时，我提交的值应该会显示在自动完成组件中。这应该适用于不同的用户，根据他们的名字。
我该怎么做呢？
浏览 0提问于2021-07-06得票数 0
我有一个react原生的Formik表单和一个Yup validationSchema。当用户提交表单时，我想创建一个警告与错误字段，如果有字段是无效的。 Dependencies:
"formik": "^1.4.1",
"react": "16.5.0",
"react-native": "0.57.1", 我曾尝试在Formik呈现中使用isValid，并创建了一个Alert with errors，但得到了一个空的errors对象。但是，如果我再次提交/或单击submit两次，error对
浏览 17提问于2019-01-11得票数 5
回答已采纳
我正在开发使用ReactJS的货币转换器应用程序。这个程序是关于从一种货币到另一种货币的转换。该应用程序有一个表单，包含一个带有提交按钮的字段。此外，它还将初始货币“美元10”作为默认值。 当用户在字段中键入货币缩写(例如: KRW)并单击提交按钮时。在表单下面会有一个结果，显示从USD到KRW的转换结果。如果用户想要添加更多货币，将在"KRW“转换结果下方显示另一种选择货币。 当我试图使函数显示结果时，用户在字段中提交货币的缩写。 这是错误： Uncaught (in promise) TypeError: Cannot read property 'rates'
浏览 39提问于2019-06-15得票数 0
回答已采纳
1回答
我有一个组件，它是一个表单，有许多子组件。在提交表单时，合并来自所有子组件的数据的最佳方法是什么？以下是一个想法，这是正确的方法吗？我传递对函数的引用，该函数将在组件更改时更新窗体的属性。什么是最佳实践？谢谢。
import React from 'react';
import { Component , PropTypes} from 'react';
import { connect } from 'react-redux';
import { saveData } from '../actions/index'
import
浏览 0提问于2016-11-25得票数 1
回答已采纳
在关于Redux的几个教程之后，我刚刚开始尝试react，并且在控制台中得到了一个错误：
警告:不能给无状态函数组件参考(参见Login创建的FieldGroup中的参考“用户名”)。访问此引用的尝试将失败。
将表单字段输入值传递给我的提交按钮的正确方法是什么？这些值应该进入redux商店吗？在阅读了docs：之后，在这种情况下，我似乎应该避免引用。因此，如果没有参考资料，我如何将输入值输入到submit按钮？谢谢你的帮助。
Login.jsx
import React, {Component, PropTypes} from 'react';
import {Row,
浏览 0提问于2017-10-13得票数 1
回答已采纳
我使用react JsonSchema - form 1.2.1构建基于JsonSchema (v7)的表单。当用户按下表单上的提交时，我希望自动从某些文本框输入字段中修剪前导和尾随空格。由于表单完全由react jsonschema- form模块的<Form>元素呈现，所以我不知道如何使用JavaScript代码来实现这一点。
react jsonschema-form有trim功能吗？
提前感谢！
浏览 0提问于2019-05-09得票数 1
2回答
我想要用户移动bcz的设备id，我想在提交表单时将其存储在数据库中，这样每当用户卸载应用程序并在同一时间重新安装时，他就会得到以前提交的所有记录，所以他不需要再次提交数据。我使用了库，但是它会为所有的device.please help.Thanks返回相同的id。
浏览 4提问于2014-12-20得票数 3
回答已采纳
我一直在尝试用event.preventDefault()将值从一个带有Redux-Form的表单传递到它的handleSubmit，这样提交这个表单就不会改变URL。
这很可能与react-router有关。
以下是我尝试的摘录。
//form
class SampleForm extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<for
浏览 0提问于2017-11-12得票数 0
我正在构建一个具有表单的react应用程序。应用程序应该记住用户的输入，并在用户下一次访问页面时预先填充这些输入，并提供编辑这些值的选项。为此，我使用本地存储，我的输入字段的一个示例是： <div className="input-field mb-40">
<input
placeholder='First Name...'
浏览 6提问于2021-06-25得票数 0
根据文档(https://react-hook-form.com/get-started#IntegratingControlledInputs)，我正在尝试使用Controller包装器组件在React Hook窗体中包装React Select <Controller
name="ShiftCaptain"
control={control}
render={({ field }) => (
<Select
浏览 25提问于2021-10-12得票数 0
回答已采纳
我已经设置了我的上下文，并且有一个一旦表单提交handleSubmit就运行的函数。当我提交表单时，我希望结果显示在一个单独的页面dashboard上。我使用的是history.push()。
我的表单被包装在withRouter自组织中。
当我提交表单时，我会收到"props.history是未定义的“
我还有另一个函数，就是使用match.params，而且我也没有定义。所以我想这和反应路由器有关。
我认为我的上下文文件可能是一个需要用withRouter临时包装的文件，但是该文件有两个导出。
我的上下文提供程序
import React, { useState, useEffec
浏览 0提问于2019-11-05得票数 3
目前，我已经创建了一些不同的表单元素。我试图以一种不同的方式创建它们，这样我就可以将它们拼凑在一起，为表单创建不同的格式。
以下是我的一些表单元素：
// Field Component
interface IField extends ILabel {}
export const Field: React.FunctionComponent<IField> = props => {
return (
<div>
<Label {...props} />
{props.children}
</div&
浏览 2提问于2020-02-15得票数 3
回答已采纳
我是新手，所以如果这是个无知的问题，请原谅我。我使用ReactJS构建了一个包含多个表单组件的简单SPA。在我在网上读过的官方React和其他教程中，似乎能够处理表单提交，我还必须处理表单更改，即使用每次击键更新组件状态，如下所示：
class NameForm extends React.Component {
constructor(props) {
super(props);
this.state = {value: ''};
this.handleChange = this.handleChange.bind(this);
this
浏览 0提问于2018-04-18得票数 0
回答已采纳
3回答
在箭头函数中未定义
、、、、
我正在创建一个包含有提交按钮的表单的组件。在表单的OnSubmit中，我调用一个箭头函数。在这个函数中，我将对象称为" this“，但我得到了它未定义的错误消息。但是，如果我只是在表单的console.log中执行一个OnSubmit，而不是调用箭头函数，那么就定义了这个函数。有人知道如何解决这个问题吗？我实际上是在遵循react/ethereum课程，即使指导员的代码在他的视频中工作，当我使用它时，他的代码也不起作用。
import React, {Component} from 'react';
import { Button, Form, Input, Messa
浏览 8提问于2022-01-24得票数 0
回答已采纳
我正在创建一个react项目，在这个项目中，我的主页上有一个按钮，当我单击它时，它应该会打开一个包含要填写的表单的新页面。因为它是一个表单，只有在点击主页上的按钮后才会出现，所以我不想使用react路由器，因为我不想让用户只输入'mywebsite.com/ form‘。我还想要的功能，当用户提交表单时，页面然后回到主页，并从表单的数据应该在主页上可用。例如，如果表单有文本字段、列表、日期选择器等，我希望在用户提交表单后在主页中显示所有这些数据。 附注:我在我的整个应用程序中使用material-ui组件，因此文本字段、日期选择器等都是mui组件，因此从这些组件中提取的数据必须符合这
浏览 24提问于2020-10-01得票数 0
我是个反应虎克表单的新手。我正在尝试将材料UI与react钩子表单集成。我避免使用普通的提交，而是使用按钮上的onClick来触发提交，我使用控制器，但由于某些原因，当我提交时，我的值总是反映默认值，而不是输入上的实际值。
<Controller
name={name}
control={control}
defaultValue={defaultValue}
render={() => (
<QControl
uiProp={uiProp}
context={context}
浏览 3提问于2020-12-30得票数 0
我在我的一个React组件中有一个表单，在调用它的外部组件中，我想在那里传递一个对按钮的引用，这样我也可以使用那个按钮提交它。
为了更清楚地说明，我有以下几点：
import React, { Component } from "react";
import ReactDOM from "react-dom";
class CustomForm extends Component {
render() {
return (
<form onSubmit={alert('Form submitted!')}>
浏览 2提问于2018-09-30得票数 40
回答已采纳
2回答
我试图传递一个道具courseid到一个新的页面时，我点击link，而使用react-router-dom，但我似乎无法访问它。我尝试过不同的方法，但没有一个允许我在新页面上访问courseid。
在courseListItem中，我可以访问props.course.id，我有一个按钮，它带我到“/孔”
<Link
to={{
pathname: `/holes`, state: {courseid: props.course.id}
}
浏览 5提问于2021-11-02得票数 1
回答已采纳
让我先介绍一下，这是我第一次从头开始使用来自Vue的React应用程序，所以我没有太多的上下文知识，这可能是愚蠢的简单。 我有一个输入表单，其中有一个按钮，其中包含指向onFormSubmit()函数的onSubmit指令，但是当我提交表单时，我看到的是一个TypeError TypeError: this.props.onFormSubmit is not a function。 import React from 'react';
export default class BrandInput extends React.Component {
construct
浏览 49提问于2020-01-20得票数 0
如果我正在制作一个网站，其中用户使用表单提交一些数据，然后用户被重定向到一个具有唯一URL的页面，在那里他们可以查看这些数据，那么向用户显示这些数据的最佳方式是什么，以便他们可以对其进行更新？
为了给出一些背景，我正在使用react，现在我在视图数据页面上再次显示相同的表单，但由于表单的显示选项略有不同，例如一些字段被禁用和一些额外的按钮，我在两个单独的组件中重复相同的表单，这似乎与react的处理方式相反。
浏览 1提问于2020-12-20得票数 1
我是一个新的原生反应，我有一个项目在5天内到期。我找不到在原生react中创建表单并提交它的方法。我需要保存表单的值并在API主体中发送它们。谢谢你的帮助！
浏览 16提问于2020-09-18得票数 0
1回答
我一直在使用带有本机元素的react钩子形式库，但我想切换到使用Controller API的自定义组件。 我的自定义输入组件在更新React状态但不更新form状态内的ref时遇到问题。因此，必填字段始终标记为无效，并且我无法提交表单。 这是我的问题的一个演示：https://codesandbox.io/s/react-hook-form-controller-bofv5 它应该在提交时注销表单数据-但提交从不发生，因为表单无效。
浏览 11提问于2020-04-29得票数 3
回答已采纳
1回答
我们正在使用react、react-redux和react-router。在我的一个组件中，我使用来自react-router的<Route>组件来呈现我的一个表单组件。在提交表单并创建事件时，我希望我的父组件(其中包含<Route>组件的组件)重新呈现，以便我的事件列表将包含添加的事件。
render() {
return (
<div>
<PublicEvents events={state.public}/>
<PrivateEvents events={stat
浏览 0提问于2018-03-02得票数 0
在使用React JS时，如何识别哪个按钮用于提交表单？我以为像这样的东西会起作用，但它不是。
export default function App() {
const onSubmit = e => {
e.preventDefault();
console.log(e.target.btn.value);
};
return (
<form className="App" onSubmit={onSubmit}>
<button type="submit" name="btn
浏览 2提问于2020-02-22得票数 9
1回答
是否可以在没有提交按钮的情况下提交表单？例如，在组件卸载时提交表单，这样用户就不需要单击按钮来保存。想想这样的事情：
import React from "react";
import { Formik, Form, Field } from "formik";
const Example = () => {
useEffect(() => {
return () => {
//trigger Submit or send Request with Form Values from here
};
}, [
浏览 3提问于2020-08-10得票数 3
回答已采纳
1回答
我有一个React表单，但是我没有使用表单的输入，而是尝试用我的组件SearchInput替换它。此组件返回具有以下属性的select and： render() {
const options = this.state.data.map(d => <Option key={d.value}>{d.text}</Option>);
return (
<Select
showSearch
value={this.state.value}
placeholder={this.props
浏览 4提问于2020-11-20得票数 0
问题
表单的数据在提交时不会传递给handleSubmit()函数。我做错了什么？
表单
import React from 'react'
import { reduxForm } from 'redux-form'
export const fields = ['email', 'password']
const validate = (values) => {
const errors = {}
return errors
}
export class SignUp extends React.Compon
浏览 2提问于2016-04-13得票数 4
2回答
我有组件，在每个组件中，只要单击next，我就会打开一个新表单(调用新组件)，当它是最后一个时，我将其更改为提交。
我想要实现的
1:每次单击“下一次”和“后一次”时，我都希望使用react form -钩子验证我的表单。
2:点击提交，我应该能够看到所有的数据。
3:单击“背靠背”时，不应丢失输入数据。
问题
因此，为了验证，我使用的是，因为它使用起来非常简单，但是在这里我无法找到，因为我的按钮不在主组件中的表单中，所以我将如何验证并在提交时提交表单，单击will数据。
我的代码
import React, { useState } from "react";
import
浏览 3提问于2020-05-07得票数 0
回答已采纳
因此，因为我在多个页面上有多个表单，所以我认为最好有一些组件来动态地创建表单中所需的行数。
我刚刚尝试过这样的方法：
但我得到
A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen.
如果我在提交时console.log formValues，我就得不到想要的输出。
我的方法有什么问题吗？我怎么才能修好它？
谢谢。
浏览 13提问于2022-07-25得票数 0
回答已采纳
在React中，涉及受控选择组件表单提交不起作用。 React似乎没有在实际的dom中正确设置'selected‘属性。您可以在React自己的示例中看到这一点；从React文档链接的选择组件的https://codepen.io/gaearon/pen/JbbEzX?editors=0010；https://reactjs.org/docs/forms.html#the-select-tag示例如下所示； class FlavorForm extends React.Component {
constructor(props) {
super(props);
t
浏览 17提问于2019-05-11得票数 1
1回答
我是React和Redux的新手，所以这可能是一种完全错误的方式，但我正在尝试在onSubmit方法中获取更新的状态。 这是一个简单的抽认卡应用程序，我想要发生的是从用户那里获取一个句子(userInput)，并将它与正确的句子(generated)进行比较。我可以根据单词的提交(使用compareInput()操作完成)获得正确和不正确单词的列表，这在Redux状态下可以看到，但直到方法完全运行后才会更新，所以按照我目前设置的方式，向量correct和wrong的初始长度是0。 如何在方法中获取更新后的状态？或者有更好的方法来做这件事？我可以在componentDidUpdate中做到这一
浏览 10提问于2020-04-01得票数 0
我不知道为什么，但是由于某些原因，在这个简单的演示中，为了更改testState的值，您必须提交两次表单。无论何时提交表单(第一次)，testState都应该将其值更改为"changed"，但只有在第二次、第三次(以此类推)提交时才会发生。
有人能在这里发现明显的东西吗？下面是代码：
import React, { useState } from "react";
const App = () => {
const [testState, setTestState] = useState("unset");
const [inpu
浏览 2提问于2020-11-10得票数 1
回答已采纳
当我从子组件提交表单时，如何更新定义了父contex api的类的状态？
import React, {createContext,Component} from 'react'
import http from './services/httpService'
import {MyApiUrl} from './services/httpService'
export const GlobalState = createContext()
export class DataProvider extends Component{
浏览 4提问于2021-11-03得票数 0
1回答
我正在编写一个带有react的web应用程序，我正在遵循流量体系结构。遗憾的是，到目前为止，我看到的所有教程要么只使用1个组件，要么使用嵌套的多个组件。
我的问题是如何在一起使用多个组件，这些组件不是嵌套的。例如，使用某种表单组件来添加新项的项组件列表。每个示例通常将表单和列表放在同一个父容器中。
在下面的示例中，假设表单和列表组件都有自己的操作/存储，我该如何说表单的提交事件何时完成触发，更新列表组件？
是否在列表组件中添加对表单组件的引用(如require('component') )
这做法不好吗？我是否应该制作一个包含这两个组件的超级组件？
var List = Rea
浏览 3提问于2015-12-31得票数 2
回答已采纳
我是一个新的反应，我有一些关于useState钩子的怀疑。我最近在一个基于应用编程接口的食谱反应应用程序.The上工作，我面临的问题是，当我在搜索表单中提交一些东西时，状态应该会发生变化，但状态没有改变，但如果我重新提交表单，状态就会改变。 import React,{useState,useEffect} from "react";
import Form from "./componnents/form";
import RecipeBlock from "./componnents/recipeblock"
imp
浏览 58提问于2020-11-28得票数 0
我试图用React-Bootstrap开发一个表单，并使用Form.Control.Feedback来显示错误。
我现在要做的是，在用户成功提交表单之后，两个输入字段都将被清除，这样如果用户想再次提交，就不需要页面reload/refresh。
但是，我似乎无法通过使用setForm({})来使其工作，因为在再次提交之后，我将得到错误length.undefined。
浏览 4提问于2021-09-08得票数 0
回答已采纳
我正在尝试制作一个文本输入表单，这样用户就可以在他们的储藏室中输入食物。然后，当表单提交时，我想将这些数据传递给子组件，在子组件中，我希望将数据作为axios.get()请求中的变量添加到查询字符串中。我尝试在父组件中更改submit输入的状态，并将其作为一个支柱传递给我的子组件(在那里，我的所有api逻辑都将发生)。问题是，每次输入文本时，我都会在子组件中接收支持，而不仅仅是在提交时。当我试图在get请求中使用用户输入数据时，这将使子组件中的查询字符串不正确。本质上，我需要一种方法，只在提交时传递文本输入的值，然后清除状态，以便用户每次输入数据时，都会调用一个新api。提前谢谢。这是我的两个
浏览 1提问于2021-06-12得票数 0
回答已采纳
1回答
我创建了一个Snackbar组件。
import React, { Component } from 'react';
import { Snackbar, IconButton } from '@material-ui/core';
import CloseIcon from '@material-ui/icons/Close';
interface AlertProps {
message: string;
}
interface AlertState {
open: boolean;
}
export default clas
浏览 14提问于2019-11-03得票数 0
回答已采纳
一些信息
我在项目中使用Formik，我的设置如下所示：
|-MenuModal
|--MenuEdit
|---MenuEditForm
其中MenuModal是MenuEdit和MenuEditForm的父级。组件MenuEditForm负责返回Formik表单，但我在它的父MenuModal中调用submit，后者通过React的ref在MenuEdit中运行提交函数。一团糟？是啊！
我的问题
现在，我正在尝试使用状态和回调函数将Formiks values从MenuEditForm转换为MenuEdit。但是由于我没有使用Formiks自己的onSubmit
<Formi
浏览 2提问于2018-07-16得票数 10
我正在开发react-select库，面对一些问题，我正在使用redux-form库并从其中导入<Field />组件。这样我就可以通过表单提交值到服务。
下面提到的代码可以很好地工作，当我使用默认的<Select>从react select。我可以从下拉列表中选择值，即使焦点突出，值也会被选中，值将保持不变。但是由于redux-form，选定的值不是通过表单提交的，这就是为什么我要包装<Select />组件并与<Field name="sample" component={RenderSelectInput} id="sam
浏览 4提问于2017-03-07得票数 15
我有一个“Search”组件，它发出API请求来获取电影列表。目前，“结果”组件呈现在同一页面的搜索组件下面。我希望将用户导航到另一个URL，该URL只有在提交表单时才有结果。
我有一个按钮元素来提交表单。从Google中的Networks选项卡中，我可以看到我正在成功地获取正确的数据，但是，我不知道如何使用按钮元素将用户重定向到结果页面。有可能是“反应路由器”吗？
export class SearchForm extends React.Component {
onChange = e => {
this.props.searchMovie(e.target.value)
浏览 11提问于2019-10-21得票数 0
回答已采纳
1回答
我正在尝试在ReactJS中提交表单数据时重置组件的状态。除了表单无法清除的事实之外，我怀疑如果我成功地重置了它，子组件中呈现的数据将在我成功重置后消失。
我想要发生的是，在表单提交时，呈现传递给子组件的数据，清除并重置表单，但留有子组件呈现的原始数据。然后，在下一次提交时，根据传递的新数据重新渲染子组件。
下面是我的代码：
class Badge extends React.Component {
constructor(props) {
super(props)
this.state = {}
}
componentDidMount() {
浏览 8提问于2018-01-11得票数 0
回答已采纳
1回答
有没有可能有一个带有窗体的组件，可以在另一个窗体中使用，而它的功能不会影响外部窗体？
我有一个用于重置密码的组件，它由一个带有一些密码输入的表单组成。它在应用程序中的一些地方被重用，其中一个是在用户可以编辑其个人资料的页面上，这也是一个表单。在这种情况下，当有人试图在组件中更改其密码时，将提交用户配置文件的外部表单。理想情况下，如果用户在密码组件中，我只想提交密码表单，如果用户在用户配置文件表单上单击提交，则只提交用户配置文件表单。
考虑到嵌套表单不是有效的HTML，我是否需要重新考虑如何设置，并确保表单中没有包含表单的组件？
浏览 4提问于2018-08-16得票数 0
我使用Redux-表单7.3.0。我正在尝试在另一个组件中获取我的表单的值。我在 of Redux表单中阅读了指令，但没有工作。
this is the code of my componenet:
import React from 'react'
import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux';
import { formValueSelector } from 'redux-fo
浏览 1提问于2018-03-31得票数 4
回答已采纳
2回答
我有一个 and表单，当我按下提交按钮时，就可以在onFinish function中获取表单数据，在该按钮中，我希望使用uesEffect hook，并将表单数据作为有效负载分派到redux中，但我得到了以下错误
React Hook "useEffect" is called in function "onFinish" that is neither a React function component nor a custom React Hook function.
如果我在onFinsh 函数之外编写useEffect钩子，则无法获得表单数据/值。
浏览 6提问于2021-01-20得票数 1
回答已采纳
使用React路由器4提交表单时，期望的效果是将搜索查询附加到URL的末尾。
我当前的设置将在表单提交时发送一个API请求，然后在render方法中呈现结果。
在不使用链接或重定向的情况下，有没有一种方法可以将查询添加到URL上，也许是在表单提交方法中？
浏览 0提问于2017-05-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
