---
order: 10
title:
zh-CN: 通过 Hooks 获取上下文(4.5.0+)
en-US: Get context with hooks (4.5.0+)
---
## zh-CN
通过 `message.useMessage` 创建支持读取 context 的 `contextHolder`。
## en-US
Use `message.useMessage` to get `contextHolder` with context accessible issue.
```tsx
import React from 'react';
import { message, Button } from 'antd';
const Context = React.createContext({ name: 'Default' });
const App: React.FC = () => {
const [messageApi, contextHolder] = message.useMessage();
const info = () => {
messageApi.open({
type: 'info',
content: {({ name }) => `Hello, ${name}!`},
duration: 1,
});
};
return (
{contextHolder}
);
};
export default App;
```