ant-design/components/tooltip/demo/basic.md

---
order: 0
title: 基本
---

最简单的用法。

````jsx
import { Tooltip } from 'antd';

ReactDOM.render(
  <Tooltip title="提示文字" onVisibleChange={visible => console.log(visible)}>
    <span>鼠标移上来就会出现提示</span>
  </Tooltip>
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
			`title: 基本`
			`---`
Add Tooltip 2015-06-03 17:08:43 +08:00
			`最简单的用法。`

			````jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Tooltip } from 'antd';`
Add Tooltip 2015-06-03 17:08:43 +08:00
beta2 2015-10-20 16:47:55 +08:00			`ReactDOM.render(`
Fix onVisibleChange, close #2134 2016-06-22 14:09:29 +08:00			`<Tooltip title="提示文字" onVisibleChange={visible => console.log(visible)}>`
placement demo 2015-06-03 20:46:25 +08:00			`<span>鼠标移上来就会出现提示</span>`
Add Tooltip 2015-06-03 17:08:43 +08:00			`</Tooltip>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
Add Tooltip 2015-06-03 17:08:43 +08:00			````