docs(Message): update docs with FAQ

Author: CCherry07

components/message/index.en-US.md

@@ -64,6 +64,7 @@ Methods for global configuration and destruction are also provided:
 
 - `message.config(options)`
 - `message.destroy()`
+- `message.useMessage()`
 
 #### message.config
 
@@ -85,3 +86,33 @@ message.config({
 | prefixCls | The prefix className of message node | string | `ant-message` | 3.0 |
 | rtl | Whether to enable RTL mode | boolean | false | 3.0 |
 | top | distance from top | string | `8px` |  |
+
+## FAQ
+
+### Why I can not access context, Pinia, ConfigProvider `locale/prefixCls/theme` in message?
+
+antdv will dynamic create Vue instance by `Vue.render` when call message methods. Whose context is different with origin code located context.
+
+When you need context info (like ConfigProvider context), you can use `message.useMessage` to get `api` instance and `contextHolder` node. And put it in your children:
+
+```html
+<template>
+  <contextHolder />
+  <!-- <component :is='contextHolder'/> -->
+</template>
+<script setup>
+  import { message } from 'ant-design-vue';
+  const [messageApi, contextHolder] = message.useMessage();
+  messageApi.open({
+    // ...
+  });
+</script>
+```
+
+**Note:** You must insert `contextHolder` into your children with hooks. You can use origin method if you do not need context connection.
+
+> [App Package Component](/components/app) can be used to simplify the problem of `useMessage` and other methods that need to manually implant contextHolder.
+
+### How to set static methods prefixCls ？
+
+You can config with [`ConfigProvider.config`](/components/config-provider#configproviderconfig-4130)

components/message/index.zh-CN.md

@@ -67,6 +67,7 @@ coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7qMTRoq3ZGkAAA
 
 - `message.config(options)`
 - `message.destroy()`
+- `message.useMessage()`
 
 #### message.config
 
@@ -88,3 +89,33 @@ message.config({
 | prefixCls | 消息节点的 className 前缀 | string | `ant-message` | 3.0 |  |
 | rtl | 是否开启 RTL 模式 | boolean | false |  |  |
 | top | 消息距离顶部的位置 | string | `8px` |  |  |
+
+## FAQ
+
+### 为什么 message 不能获取 context、Pinia 的内容和 ConfigProvider 的 `locale/prefixCls/theme` 等配置？
+
+直接调用 message 方法，antdv 会通过 `Vue.render` 动态创建新的 Vue 实体。其 context 与当前代码所在 context 并不相同，因而无法获取 context 信息。
+
+当你需要 context 信息（例如 ConfigProvider 配置的内容）时，可以通过 `message.useMessage` 方法会返回 `api` 实体以及 `contextHolder` 节点。将其插入到你需要获取 context 位置即可：
+
+```html
+<template>
+  <contextHolder />
+  <!-- <component :is='contextHolder'/> -->
+</template>
+<script setup>
+  import { message } from 'ant-design-vue';
+  const [messageApi, contextHolder] = message.useMessage();
+  messageApi.open({
+    // ...
+  });
+</script>
+```
+
+**异同**：通过 hooks 创建的 `contextHolder` 必须插入到子元素节点中才会生效，当你不需要上下文信息时请直接调用。
+
+> 可通过 [App 包裹组件](/components/app-cn) 简化 `useMessage` 等方法需要手动植入 contextHolder 的问题。
+
+### 静态方法如何设置 prefixCls ？
+
+你可以通过 [`ConfigProvider.config`](/components/config-provider-cn#configproviderconfig-4130) 进行设置。