主页 / 问题 / 1269049
Accepted
Dan
Asked:2022-04-12 12:44:54 +0000 UTC2022-04-12 12:44:54 +0000 UTC

将 1 传递给 onClick Typescript 的参数是什么？

  • 772

有这样的功能

const onChangeHandler = (e:React.FormEvent<HTMLAnchorElement>, id:any) => {
  e.preventDefault()
  console.log(id)
}

在这里使用

return(
  <li key={index}>
    <a href={"#"} onClick={onChangeHandler(Category.id)} >{Category.name}</a>
  </li>
)

但是该函数需要一个参数，因为第一个参数是React.FormEvent.

函数中的第一个参数应该是什么onChangeHandler？

reactjs

1 个回答

  1. Best Answer

    在你那里写到事件应该是第一个参数。在 React 中，结构与 JS 中的结构略有不同，但它们非常相似。

    return(
  <li key={index}>
    <a href={"#"} onClick={(e)=>onChangeHandler(e, Category.id)} >{Category.name}</a>
  </li>
)

    上面的代码解决了你的问题。

    const onChangeHandler = (e:React.FormEvent<HTMLAnchorElement>, id:any) => {
  console.log(e);
  e.preventDefault();
  console.log(id);
}

    可以看到 React App 事件结构

    我还要注意，该方法preventDefault()是标准的js方法。您需要了解 js 才能继续使用其他库。所以更容易理解新的库和其他人的代码。祝你学习顺利））

    • 2

相关问题