ReactJS工具提示帮助图标

Question

我在我的反应文本区域添加了一个帮助图标，现在我需要添加一个工具提示来提示文本区域。以下是我的代码段

<div
    style={{
        paddingLeft: '5px',
        paddingRight: '5px'
    }}>

    <div style={{ position: "absolute", width: "94%" }}>   <textarea
        placeholder="Pre-Requisites"
        name="preRequisites"
        onChange={this.handleInputChange}
        value={this.state.preRequisites}
        style={style.textAreaStyle} />
    </div>
    <div data-tip data-for='happyFace'>
        <MdHelp data-tip data-for='happyFace' style={style.helpIconStyle} />
    </div>
    <ReactTooltip id='happyFace' type='error'>
        <span>My Tool</span>
    </ReactTooltip>
</div> 

以下是我的textarea的屏幕截图，上面有帮助图标，

任何人都可以帮我添加工具提示，在帮助图标上显示一些消息。

Answer 1

除非您想从npm创建组件或使用模块，否则可以使用html title属性：

定义：

  

title属性指定有关元素的额外信息。

<textarea title="amazing textarea"> Hello i'm a textarea </textarea>
<span title="amazing span"> Hello i'm a span </span > 

Answer 2

尝试更改position:"relative"

中的textarea style