import { Button, Result } from 'antd'; import Layout from '@/Render/layout'; import React from 'react'; import { SmileOutlined } from '@ant-design/icons'; import { useHistory } from 'react-router'; const Wrap: React.FC = () => { const history = useHistory(); return ( <Layout> <div className="ui-h-100 flex just-center align-center"> <Result icon={<SmileOutlined />} title="Hello Word!" extra={ <React.Fragment> <Button type="primary" onClick={() => {}}> 欢迎您! </Button> <Button type="primary" onClick={() => { history.push('/'); }} > 返回首页 </Button> <Button type="primary" onClick={() => { history.push('/settings'); }} > 去设置 </Button> </React.Fragment> } /> </div> </Layout> ); }; export default Wrap;