Question

有了类组件，我可以处理类似于下面的代码的事件，而没有任何问题，但是有了功能组件，我会收到一个'handleHover' is not defined no-undef错误。

在使用React React的功能组件时如何处理事件？

const NavBar = () => {

  handleHover = () => {
    // run code
  }

  return(
    <ul className="nav">
        <li>
          <a onMouseEnter={this.handleHover}>Products</a>
        </li>
    </ul> 
  )

}

export default NavBar;

Answer 1

由于它不是类，因此应在函数名称之前删除它。还要在函数声明之前添加const。

const handleHover = () => {}
onMouseEnter={handleHover}

Answer 2

您有两种方法（至少我知道xD）：

function handleHover() {}

或

const handleHover = () => {}

使用React功能组件处理事件-接收未定义的错误

2 个答案: