Question

在教程中我看到了类似的东西：

import React from 'react';
function App(){ 
  return(
    <div>
    <h1 onClick={functionName}>Hello React</h1>
  </div>
  );

  
}
export default App;

但我认为向元素添加“onClick”事件是一种不好的做法，相反，我们使用 vanilla JS 添加事件侦听器，但现在 .我不知道在reactJS中是否可以？有没有更好的方法，或者就是这样？

Answer 1

<块引用>

但我认为向元素添加“onClick”事件是一种不好的做法

不是。不要将 JSX 属性与 HTML 属性混淆。

另一方面，获取对元素的引用，然后在 React 中使用 addEventListener，是一种不好的做法，因为它绕过了 React 的方法来保持其内部模型与DOM。

Answer 2

这是如何在 React 中进行事件处理。另外看看官方文档。 https://reactjs.org/docs/handling-events.html


import React from 'react';
function App(){ 
  const doSomething = (e) => {
    console.log('event', e)
  }

  return(
    <div>
    <h1 onClick={doSomething}>Hello React</h1>
  </div>
  );

  
}
export default App;

如何在 ReactJS 中使用事件侦听器？

2 个答案: