javascript - 无法触发 onClick 事件

Question

我有一个带有 input 和 FontIcons 作为子元素的 Div 元素。
当我在输入 Controller 中输入或更新任何值并将焦点移出该值时，将调用 onBlur 事件。
在这里，我在字体图标上也有一个点击句柄，但它没有按预期工作。
当我更新输入元素并单击 FantoIcon 时，仅触发模糊事件但不触发单击事件。
我们如何触发点击而不是模糊事件？我尝试保留 zIndext 但没有运气

<div>
    <input onBlur={this.onBlurHandler}>
    <FontIcon onClick ={this.clickHandle}>
</div>

Answer 1

<FontIcon>可能没有收到额外的 props .如果它是您的组件，则可以添加它:

export const FontIcon({ propA, propB ...props }) {
  return (
    <div {...props}>
      // whatever goes here
    </div>
  );
}

如果它不是您的组件，则将其包装在 <button> 中或 div Angular 色=按钮:

<button onClick={this.clickHandle}>
  <FontIcon />
</button