我有一个表单,在提交时显示表单的结果,但更重要的是,滚动到一个显示结果的组件中。我被困在试图传递裁判和向前裁判。我看到的所有演示都是同一个文件中的组件。我的设置如下:
App.js包含两个组件--提交表单的Form.js和显示表单提交结果的Results.js。Results.js组件在页面的下方,所以当用户单击表单上的enter时,我想滚动到该组件。
下面是一个演示我的设置的。
这里有相同的代码:
// App.js
import "./styles.css";
import Form from "./Form";
import Results from
我试图设置一个简单的redux流,其中输入更新状态和表单将组件状态中的值提交给redux操作函数。但是,每当表单提交时,页面就会重新加载,当我将e.preventDefault()添加到submit函数时,我会得到
TypeError: e.preventDefault不是一个函数
我尝试过将e.preventDefault()添加到submitToRedux函数中,但是当我添加do时,我得到了TypeError: e.preventDefault is not a function
这是我的孩子1.js:
import React, { useState } from "re
描述:I有一个用于用户友好输入的表单:
但我不能以这种方式提交表单,因为我的表单操作模型如下:
public string Title { get; set; } // First input
public string Description { get; set; } // Second input
public string SportsmanId { get; set; } // Not used
public List<WorkoutExerciseParam> WorkoutExerciseParams { get; set;
我是web开发方面的新手,我正在尝试使用jquery和javascript处理表单提交。
我的JS
$(document).ready(function () {
$('#UnitFrom').submit(function (e) {
alert(); //Works for Chrome and IE... But not in firefox...
e.preventDefault(); // Form Is not submitted in Chrome and IE.. for firefox it submits the from to same url t
我被困在开发我的rails应用程序中--我对Rails比较陌生,并且试图适应javascript。所以,我刚刚通过Webpacker添加了SweetAlert2,它工作得很好。我有一个表格,我通过Javascript提交,这也是工作。 下面是我的控制器操作: def update
@user = @card.user
day = Date.today
if @card.update(card_params)
respond_to do |format|
format.js {}
end
end
end 因此,当执行此命令并提交
我对Rails有一个很小(非常小)的问题。
remote:true update表单(调用update.js.erb)需要两个提交而不是一个提交才能正确刷新视图。
def update
@user = User.find(params[:id])
if @user.update_attributes(update_user_params)
respond_to do |format|
format.html {
flash[:success] = "Votre profil a été mis à jour."
redirect_to @us
我正试着用websocket里的数据填满我的vuex商店。我用的是Nuxt。为了处理websocket,我使用了vue-native-websocket包。连接到websocket成功,但提交到存储不起作用,它在每个socket事件Uncaught TypeError: this.store[n] is not a function上触发一个错误
根据Nuxt和vue-native-websocket文档,我使用它们的方法如下:
Plugin native-websocket.js:
import Vue from 'vue'
import VueNativeSock from
我正在用动态表单(redux-form)构建一个应用程序。我想当用户点击提交按钮打印值。请注意,我的提交按钮放置在我的应用程序头(在表单之外)。为了实现这一点,我从Redux表单跟踪这个。当我按下“保存”按钮时,我在我的控制台中得到了一个错误:(0 , _reduxForm.submit) is not a function(…)。
我的代码:
提交组件
import React from 'react'
import {connect} from 'react-redux'
import {submit} from 'redux-form'
我试图从GitHub用户API中获取数据,并将JSON存储在数组中,然后循环遍历该数组,然后在提交表单时动态创建Card组件,但是Card组件不会呈现,即使该数组是用新添加的用户更新的。
在提交有效表单之前和之后,我在dev控制台上添加了相关的代码文件和React组件树的图像。谢谢。
App.js
import React from "react";
import Form from "./Form";
import Cardlist from "./Cardlist";
import ProfileData from "../JSON&
在提交表单时,我想要重定向到另一个页面。我的文件是这样的: Main.js import Home from '../Home'
import Results from "../Results";
class Main extends Component {
render() {
return (
<Router>
<Switch>
<Route path="/" component={
我正在尝试创建一个表单,以便将一个新项添加到数组中,但是我得到了错误:Form submission cancelled because form is not connected。我发现一些帖子说用“按钮”取代“提交”按钮类型,而不是“提交”,但它不起作用。我的代码如下:
import React, { useState,useContext } from 'react';
import { ItemContext } from "../ItemsContext.js";
const AddExpense = ( )=> {
const [it