在编写TypeScript时，您应该参考库的源代码或文档以了解其类型
例如，在Formik的types.tsx中，我们看到

handleChange(e: React.ChangeEvent<any>): void;

我们还可以查看React的类型：

interface ChangeEvent<T = Element> extends SyntheticEvent<T>

比如说

handleChange = input => (e: React.ChangeEvent<HTMLInputElement>) => {
  this.setState({ [input]: e.target.value });
};

也许对你有用
如果你的IDE支持TypeScript，那也会有帮助。

你必须给予e一个类型。例如：

continue = (e: React.FormEvent<HTMLInputElement>) => {
  e.preventDefault()
}

如果你不给变量和函数参数赋类型，Typescript会对你大喊大叫。

有趣的是，如果您正在编写内联事件处理程序，您将不会看到此错误，但为什么您会在此上下文中看到它？
你看到错误消息的原因是因为TypeScript中的类型推理系统及其工作方式。
TypeScript总是试图找出在应用程序中流动的不同类型的值，这就是类型推理系统所做的。
让我用一个屏幕截图来演示。在下面的屏幕截图中，我将鼠标移到onChange上，你会注意到TypeScript 100%知道onChange的prop是什么，它知道它是一个prop，它知道我需要向它提供某种回调函数。它说，如果我决定向onChange提供该函数，它将有一个名为event的第一个参数，其类型为React.ChangeEvent<HTMLInputElement>：

如果我将鼠标放在e上，请注意我得到了完全相同的类型：

但是，如果我提前定义了函数，类型推断系统就不会被应用。即使我提前定义了函数并将其传递到onChange prop中，类型推断也不会被应用。
只有在我们直接内联定义回调函数时，类型推断才在JSX内部定义。
那么如何解决这个问题呢？我们如何在我的示例中提前定义onChange，并且仍然注解我的事件对象的类型？
好吧，我可以将鼠标移到onChange上，就像你在上面的屏幕截图中看到的那样，突出显示并复制事件的类型React.ChangeEvent<HTMLInputElement>，在event后面放一个冒号，然后粘贴该类型。
在我的例子中，它将是：

const EventComponent: React.FC = () => {
  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    console.log(event);
  };

   return (
     <div>
       <input onChange={onChange} />
     </div>
   );
};

这意味着，为了解决你的问题，它看起来像这样：

export class MainInfo extends Component<IProps>{
  continue = (event: React.ChangeEvent<HTMLInputElement>) => {
    event.preventDefault();
    this.props.nextStep();
  };

注意到事件类型是ChangeEvent吗？请注意，在React代码中还有其他事件，例如悬停或拖动，您可能也想注解。只是需要注意的一些事情。

如果您想使用onSubmit处理程序处理表单提交，请将React.FormEvent<HTMLFormElement>类型赋给e：

function MyComponent(props) {
  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();
  }

  return (
      <form onSubmit={handleSubmit}>
        { props.children }
      </form>
    )
}

我在尝试为onChange事件添加事件处理程序时也遇到了同样的问题。

function handleChange(event) {
    var _userDetails = userDetails;
    _userDetails[event.target.name] = event.target.value;
    setUserDetails({ ..._userDetails });
};

event.target.name 显示事件隐式具有“any”类型的错误。
向事件添加类型不起作用，然后注意到我用.tsx扩展名而不是.jsx命名了我的文件
将类型更改为jsx解决了我的问题。

在你的代码中，你只需要将事件的类型设置为FormEvent，然后从react中导入它。

import { FormEvent } from "react";

    const handleSubmit = (e: FormEvent) => {
    e.preventDefault();
    console.log("submitted");
  };

在这种情况下，e是某种类型的事件。如果你不知道什么类型的东西是'任何'是默认的，例如。

handleChange = input => (e:any) => {
    this.setState({ [input]: e.target.value });
  };

因此，在短期内使用any。如果您想确切地知道它是什么类型，它可能是一个输入事件，您可能会发现这个Typescript input onchange event.target.value很有用