42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
// ViewReviewPage.tsx
|
|||
|
|
import React, { useState, useEffect } from 'react';
|
|||
|
|
import { useLocation } from 'umi'; // 或者 'react-router-dom'
|
|||
|
|
import ResultModal from './components/ResultModal';
|
|||
|
|
import ViewModal from './components/ViewModal';
|
|||
|
|
|
|||
|
|
const ViewReviewPage: React.FC = () => {
|
|||
|
|
const [modalVisible, setModalVisible] = useState(false); // 控制弹窗
|
|||
|
|
const [modalRecord, setModalRecord] = useState<any>(null);
|
|||
|
|
|
|||
|
|
// 解析url参数 ?id=xxx
|
|||
|
|
const location = useLocation();
|
|||
|
|
useEffect(() => {
|
|||
|
|
// 获取id参数
|
|||
|
|
const params = new URLSearchParams(location.search);
|
|||
|
|
const id = params.get('id');
|
|||
|
|
if (id) {
|
|||
|
|
setModalRecord({ id }); // 只传id也可以，后面可以根据id扩展更多参数
|
|||
|
|
|
|||
|
|
setModalVisible(true);
|
|||
|
|
}
|
|||
|
|
}, [location.search]);
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div style={{padding: '20px'}}>
|
|||
|
|
{/* 其他页面内容 */}
|
|||
|
|
<ViewModal
|
|||
|
|
visible={modalVisible}
|
|||
|
|
record={modalRecord}
|
|||
|
|
onCancel={() => setModalVisible(false)}
|
|||
|
|
/>
|
|||
|
|
<ResultModal
|
|||
|
|
visible={modalVisible}
|
|||
|
|
record={modalRecord}
|
|||
|
|
onCancel={() => setModalVisible(false)}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default ViewReviewPage;
|