Fatal编程技术网
  • javascript/
  • Javascript ReactJS | onClick的类型脚本`onclick在类型'x上不存在`

Javascript ReactJS | onClick的类型脚本`onclick在类型'x上不存在`

javascript reactjs typescript

Javascript ReactJS | onClick的类型脚本`onclick在类型'x上不存在`,javascript,reactjs,typescript,onclick,Javascript,Reactjs,Typescript,Onclick,我有下面的方法，它呈现一个删除图标，我在我的主容器中使用它。一切正常。唯一的问题，我有，这是一个小化妆品，是一个任何类型，我不能弄清楚，这是什么类型 import React from 'react'; import Icon from './Icon'; const DeleteActionRenderer = (options: any): Function => (cell: string, row: string): JSX.Element => { const del

我有下面的方法，它呈现一个删除图标，我在我的主容器中使用它。一切正常。唯一的问题，我有，这是一个小化妆品，是一个
任何
类型，我不能弄清楚，这是什么类型


import React from 'react';
import Icon from './Icon';

const DeleteActionRenderer = (options: any): Function => (cell: string, row: string): JSX.Element => {
  const deleteActionClick = options.onClick({ cell, row }); // The error is here. On options.onClick.
  return (
    <div>
      <a href="#" className="text-danger p-1 text-lg" onClick={deleteActionClick}>
        <Icon icon="trash" />
      </a>
    </div>
  );
};

export default DeleteActionRenderer;



有什么想法吗？这个
any
就像是一个拇指酸痛，现在有一段时间了。我完全搞不懂。谢谢您的时间。
在我看来，上面的代码就像一个HOC（高阶组件）

我可以从您的代码中看出，您使用
DeleteActionRenderer
的方式不正确，因为本例中的
选项
对象是props的一部分，因此它将出现在您从
DeleteActionRenderer
返回的函数中，而不是出现在
DeleteActionRenderer
本身中

在您的情况下，对于
选项
类型将为：


type Options = {
   onClick: Function
}


希望能有帮助


type Options = {
   onClick: Function
}