小编iaq*_*iaq的帖子

我正在使用 Material UI 和打字稿进行反应，并有一个表单。在表单提交时，如果输入有验证错误，我想滚动到第一个有验证错误的输入。我在下面粘贴了简单的表单代码，该代码在提交时在城镇输入中注入验证错误。实际上，错误可能存在于任何一个或多个输入中。

import React, { useState, FormEvent } from 'react';
import { Grid, TextField, Button } from '@material-ui/core';

const ScrollTest = () => {
  const [state, setState] = useState<{ town: string; county: string }>({
    town: '',
    county: '',
  });

  const [error, setError] = useState({ town: '', county: '' });

  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target;
    const errorVal = !value ? `${name} is requied` : '';
    setState({ ...state, [name]: …