2016-09-15 22 views
0

我的知识中出现了一些事情正在我的代码中发生。我有这使得跨度标签具有onClick事件的组件:反应/跨度与onClick事件不在标签

<span style={styles.cursorPointer} onClick={this.handleClick}>{props.page.word}</span> 

但是,当我在浏览器中检查代码的跨度标签不具备的onClick:

developer tools screenshot of the code

我知道它似乎有点抽象,但我不明白为什么onClick不在那里。

谢谢。

+0

** onClick **有效吗?也许在将JSX转换成JS的过程中,onClick是在纯javascript中管理的... –

回答

0

您正在将JSX与html混淆。您在代码中使用的span标记不是纯html标记,它是一个javascript对象(详细了解jsx here)。 React负责为你绑定事件,如果你在html中看不到onClick,不要担心。

+0

你说得对。我很困惑。那意味着我有一个绑定事件问题,因为它没有触发事件。谢谢 – jmurinello

+0

我刚刚在事件中放置了一个console.log,每当我点击span标签时它会触发事件,所以它应该是我想要关闭和关闭的另一个问题。再次感谢 – jmurinello