--- 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; ```