0

我正在创建这样的工具提示：

render = () => {

  let tooltip_content;
  if (this.props.tooltip) {
    tooltip_content = (
      <>
        <div>
          <h6>{this.props.tooltip}</h6>
          <button
            type="button"
            onClick={this.props.hideTooltip}
           >
             {close_icon}
           </button>
         </div>
       ...
      </>
    )
  }

  return (
  <div>
    <Tippy
      arrow
      visible={!!tooltip_content}
      interactive
      content={tooltip_content}
    >
      ...
    </Tippy>

是根据保存在 redux 存储中的tooltip_content值创建的。tooltip_content还包含一个关闭按钮，按下该按钮时会将 redux 存储中的值更新为，null从而tooltip_content变为undefined。

然后我的问题是content似乎在visible属性之前更新，这意味着工具提示在关闭前的瞬间显示没有任何内容。

我有点不确定这是否是意图，或者我是否可以以不同的方式处理它以避免这种情况......

4

0 回答 0