在对象消失时触发onBlur时避免React Synthetic Event警告

Question

我正在做一个＆＃34;向导＆＃34;风格形式，我也有onBlur处理程序跟踪已经触及的项目。

不幸的是，当用户点击＆＃34;输入＆＃34;转到下一页。它触发了大量的合成事件＆＃34;警告。可能，它是因为该字段在操作运行时不再存在，其中包含此行以捕获表单元素：

const name = event.target.name;

我的设置是这样的：

<ShowIf show={this.props.page === 1}>
  <input ... />
  <button onBlur={this.props.actions.onBlur} onClick={this.props.actions.onClick} ... />
</Show>

其中ShowIf是仅在条件有效时呈现子项的元素。

如果我先点击该字段，则不会触发该事件。我还没有找到任何非常优雅的解决方法。我尝试在nextPage操作上放置一个onTimeout，但onBlur只会等到触发页面更改后才会失败。

有人有什么想法吗？