Tour

const [open, setOpen] = useState(false);
const [current, setCurrent] = useState(0);

<Tour
  open={open}
  current={current}
  onChange={setCurrent}
  onClose={() => setOpen(false)}
  steps={[
    { title: "欢迎", description: "开场居中…" },
    { target: () => searchRef.current, title: "全局搜索", description: "…", placement: "bottom" },
    { target: "#new-btn", title: "新建一条", description: "…", placement: "left" },
  ]}
/>