zoukankan      html  css  js  c++  java
  • react 返回上一页

    import * as React from 'react'
    import { Layout } from 'antd';
    import creatHistory from 'history/createHashHistory'  //返回上一页这段代码
    const history = creatHistory();//返回上一页这段代码
    import './index.less'
    const { Header,  Sider, Content } = Layout;
    export interface IProps {
        test?: any
        history?:any
        
      }
      interface IState {
        
        
      }
    export default class ReachInfos extends React.Component<IProps, IState> {
        constructor(props: IProps) {
          super(props)
        }
        goBackPage = () => {
          history.goBack();  //返回上一页这段代码
          
        }
        render(){
            return (
                <div className="videoDetail">
                  <Layout>
                    <Header>
                      <div className="headTitle">
                          <span onClick={this.goBackPage} className="goBack"> <返回 </span>
                          <span className="title">视频详情</span>
                      </div>
                    </Header>
                    <Layout>
                      <Sider>
                        <h4>视频信息:</h4>
    
                        <ul>
                          <li>拍摄时间:</li>
                          <li>2018-10-11</li>
                        </ul>
                        <ul>
                          <li>拍摄地址:</li>
                          <li>雁塔区</li>
                        </ul>
                        
                      </Sider>
                      <Content>
                      <iframe src="http://gbs.liveqing.com:10000/play.html?serial=34020000001110000033&code=34020000001320000101&aspect=fullscreen" width="100%" height="360" allow="autoplay; fullscreen"></iframe>
                        {/* <video autoPlay controls width="100%" src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"></video> */}
                      </Content>
                      <Sider>Sider</Sider>
                    </Layout>
                   
                  </Layout>
                </div>
            )
        }
    }
    

      

  • 相关阅读:
    python笔记之re模块学习
    python笔记之面向对象
    C# 静态类和非静态类(实例类)
    占位符的使用
    数据类型和数据类型转换
    win7 安装 memcached
    php 汉字转换成拼音
    apache window环境下本地配置虚拟主机
    在浏览器输入一个网址到得到页面的过程
    浅谈线程池ThreadPoolExecutor核心参数
  • 原文地址:https://www.cnblogs.com/whlBooK/p/10911472.html
Copyright © 2011-2022 走看看