ant-design/components/message/demo/info.md

---
order: 6
title:
  zh-CN: 普通提示
  en-US: Normal prompt
---

## zh-CN

信息提醒反馈。

## en-US

Normal message for information.

```tsx
import React from 'react';
import { Button, message } from 'antd';

const info = () => {
  message.info('This is a normal message');
};

const App: React.FC = () => (
  <Button type="primary" onClick={info}>
    Display normal message
  </Button>
);

export default App;
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
docs(message): use message hooks api (#35691) * docs(message): use message hooks api * docs(message): 保留一个静态方法调用 * docs: move docs demo order 2022-05-26 09:53:08 +08:00			`order: 6`
docs: translate message 2016-07-04 10:44:55 +08:00			`title:`
			`zh-CN: 普通提示`
			`en-US: Normal prompt`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
feat: add message component Conflicts: index.js style/components/index.less 2015-07-11 16:40:59 +08:00
docs: translate message 2016-07-04 10:44:55 +08:00			`## zh-CN`

update demo text 2015-09-07 12:32:31 +08:00			`信息提醒反馈。`
feat: add message component Conflicts: index.js style/components/index.less 2015-07-11 16:40:59 +08:00
docs: translate message 2016-07-04 10:44:55 +08:00			`## en-US`

Documentation - Message Component 2019-04-19 22:35:06 +08:00			`Normal message for information.`
docs: translate message 2016-07-04 10:44:55 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			```tsx
			`import React from 'react';`
docs(message): use message hooks api (#35691) * docs(message): use message hooks api * docs(message): 保留一个静态方法调用 * docs: move docs demo order 2022-05-26 09:53:08 +08:00			`import { Button, message } from 'antd';`
feat: add message component Conflicts: index.js style/components/index.less 2015-07-11 16:40:59 +08:00
update message demo code style 2017-03-19 01:14:44 +08:00			`const info = () => {`
docs: translate message 2016-07-04 10:44:55 +08:00			`message.info('This is a normal message');`
improve message component 2015-07-11 18:00:58 +08:00			`};`
feat: add message component Conflicts: index.js style/components/index.less 2015-07-11 16:40:59 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`const App: React.FC = () => (`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			`<Button type="primary" onClick={info}>`
			`Display normal message`
docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo 2022-04-03 23:27:45 +08:00			`</Button>`
:lipstick: fix eslint problems 2018-11-28 15:00:03 +08:00			`);`
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00
			`export default App;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```