動態更改反應引導工具提示顏色

Question

我試圖改變反應引導工具提示中的工具提示背景顏色。

from this post它可以在css文件中更改。不過，我有可能顯示40種不同的顏色。

我一直在努力做的事情是這樣的：

<Tooltip id={this.props.name} style={{".tooltip_inner":{"background":backgroundColor}}}>{this.props.name}</Tooltip> 

但它是行不通的。我無法在渲染中設置tooltip_inner，我不知道如何動態訪問它。我試過getElementsBy-Name，但那也行不通。

謝謝你的幫助。

Answer 1

好吧，所以這樣做，看看是否可以幫助你。儘管如此，並不是一個很好的反應（y）方法。

return (
    <OverlayTrigger placement="top" overlay={this.tooltip} onEntering={this.entering}> 
        <Button">Hover on me</Button> 
    </OverlayTrigger> 
); 

tooltip = (
    <Tooltip id="tooltip"><strong>This is the tooltip. Yeah!</Tooltip> 
); 

// Set your color here 
entering = (e) => { 
    e.children[0].style.borderTopColor = 'green'; 
    e.children[1].style.backgroundColor = 'green'; 
};