使用不在标记中的onClick事件进行反应/跨度

Question

我的知识中出现了一些在我的代码中发生的事情。我有一个组件，它使用onClick事件呈现span标记：

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

但是当我在浏览器中检查代码时，span标签没有onClick：

developer tools screenshot of the code

我知道它看起来有点抽象，但我无法理解为什么onClick不存在。

感谢。

Answer 1

您将JSX与html混淆。你的代码中的span标签不是普通的html标签，它是一个javascript对象（详细了解jsx here）。 React负责为您绑定事件，如果您无法在html中看到onClick，请不要担心。