art-dialog 是一個基于 React 的對話框組件，它提供了豐富的配置選項來滿足各種需求。如果你想要動態加載內容到 art-dialog 中，你可以使用它的 title、content 和 actions 等屬性來指定這些動態內容。

以下是一個簡單的示例，展示了如何使用 React 的 useState 和 useEffect 鉤子來動態加載內容到 art-dialog 中：

import React, { useState, useEffect } from 'react';
import ArtDialog from 'art-dialog';
import 'art-dialog/dist/dialog.css';

const App = () => {
  const [dialogVisible, setDialogVisible] = useState(false);
  const [dialogContent, setDialogContent] = useState('');

  // 模擬異步加載內容
  useEffect(() => {
    setTimeout(() => {
      setDialogContent('這是動態加載的內容！');
    }, 1000);
  }, []);

  const handleOpen = () => {
    setDialogVisible(true);
  };

  const handleClose = () => {
    setDialogVisible(false);
  };

  return (
    <div>
      <button onClick={handleOpen}>打開對話框</button>
      <ArtDialog
        visible={dialogVisible}
        title="動態內容"
        content={dialogContent}
        onClose={handleClose}
      />
    </div>
  );
};

export default App;

在這個示例中，我們首先使用 useState 鉤子來管理對話框的可見性和內容。然后，我們使用 useEffect 鉤子來模擬異步加載內容的過程。當對話框打開時，我們設置 dialogContent 的值為動態加載的內容。最后，我們將 dialogContent 傳遞給 art-dialog 的 content 屬性，以便在對話框中顯示動態內容。

請注意，這只是一個簡單的示例，你可以根據自己的需求來動態加載更復雜的內容。例如，你可以從服務器獲取數據并將其設置為對話框的內容，或者根據用戶的輸入來動態更改對話框的內容。