<a>使用 onClick 和 TypeScript</a>响应功能<a>组件</a>

Question

I'm writing a react component in TypeScript:

interface Props {
  children: React.ReactNode;
  href: string;
  onClick?: (e: any) => void;
}

const Input: React.FC<Props> = ({ children, href, onClick }) => (
  <a className="A" href={href} onClick={onclick(e)}>
    {children}
  </a>
);

export default Input;

But I get the following error:

The 'this' context of type 'void' is not assignable to method's 'this' of type 'Window'.ts(2684)

I'm not sure about what I'm doing wrong, any help will be welcome!

Answer 1

Don't call onClick() , just pass reference as prop

 const Input: React.FC<Props> = ({ children, href, onClick }) => ( <a className="A" href={href} onClick={onClick}> {children} </a> );