我有一个表单,在提交时显示表单的结果,但更重要的是,滚动到一个显示结果的组件中。我被困在试图传递裁判和向前裁判。我看到的所有演示都是同一个文件中的组件。我的设置如下:
App.js包含两个组件--提交表单的Form.js和显示表单提交结果的Results.js。Results.js组件在页面的下方,所以当用户单击表单上的enter时,我想滚动到该组件。
下面是一个演示我的设置的。
这里有相同的代码:
// App.js
import "./styles.css";
import Form from "./Form";
import Results from
当我按下提交按钮时,我想清除我的TextInput组件。我使用的是函数式组件,这里发布的公认答案适用于我:Clear Text Input data once submit button clicked in react native 但是,我意识到每次在TextInput中输入一个字符时都会呈现我的组件。我认为如果我的组件变得更大,这可能会导致性能问题。 在这种情况下,有没有办法减少渲染次数?
我试图做一个突变,添加一个新项目到我的Postgres数据库通过阿波罗GraphQL。我正在跟踪将新产品提交到查询中的表单/组件的文档。
我在input.value上收到一个错误,因为它是一个不能读取的属性。这是在表单中,并且在粗体括号内。任何关于如何解决这个问题的帮助都会很棒!
import type { NextPage } from 'next'
import Head from 'next/head'
import {Card} from "../components/Card"
//import {products} from "
我需要使用useRef()执行表单提交。我试图引用由“work.The”()提供的组件,但是引用不适用于通知表单,但我不知道为什么。我使用普通的html表单<form ref={formRef}>...尝试了相同的引用,在本例中起作用。
const formRef = useRef(null);
...
// 'informed Form'
<Form ref={formRef}>...</Form>
// It does't submit the form after function executed
const handleS
为了创建一个简单的表单,我使用了一个名为Kendo React的React库。我想要的是能够在数据更改时通过单击Load new user按钮提交表单,但是当前的行为是,当我单击按钮并填充数据时,提交按钮不会提交表单,直到我手动更改字段的值,为什么以及如何才能在更新数据并启用该按钮后立即提交表单?下面是我的代码: import React from 'react';
import ReactDOM from 'react-dom';
import { Form, Field, FormElement } from '@progress/kendo-re