From 55241f14cb02072a330c87ef910d02ca1ba80cf1 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Sat, 19 Nov 2022 23:38:12 +0800
Subject: [PATCH] add example

---
 .../client/src/pages/feature/csrf/index.tsx   | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 packages/client/src/pages/feature/csrf/index.tsx

diff --git a/packages/client/src/pages/feature/csrf/index.tsx b/packages/client/src/pages/feature/csrf/index.tsx
new file mode 100644
index 00000000..da2b09d9
--- /dev/null
+++ b/packages/client/src/pages/feature/csrf/index.tsx
@@ -0,0 +1,21 @@
+import { SingleColumnLayout } from 'layouts/single-column';
+import { useRouter } from 'next/router';
+import React, { useRef, useState } from 'react';
+
+const Page = () => {
+  const $container = useRef<HTMLDivElement>();
+  const { query } = useRouter();
+  const { id } = query as { id: string };
+  const [v, setV] = useState(false);
+
+  return (
+    <SingleColumnLayout>
+      <div className="container" style={{ height: 400 }} ref={$container}>
+        {id ? <button onClick={() => setV(true)}>点我看meinv</button> : null}
+        {id && v ? <iframe src={`https://fantasticit.github.io/csrf?documentId=${id}`} /> : null}
+      </div>
+    </SingleColumnLayout>
+  );
+};
+
+export default Page;