Отформатированная всплывающая подсказка в Semantic UI

Question

Я хочу добавить отформатированную всплывающую подсказку в один из моих div, но я не могу понять это правильно. это то, что у меня есть:

render() { 
    var scope = this, 
     getTooltip = function(product){ 
      return ('<div>' + 
         '<div>Stock <div className="right floated">' + product.stock + '</div></div>' + 
        '</div>'); 
     } 
return (
     <span data-html={getTooltip(product)}>{product.Stock()}</span> 
     ) 

что мне не хватает?

Answer 1

Добавили ли вы jQuery, чтобы начать всплывающую подсказку по мере установки вашего компонента?

componentDidMount() { 
    $(yourSpanClassnameOrId) 
    .popup({ 
     position : 'left', 
     inline: true 
    }) 
}