飞天虎 發表於 2019-5-23 13:55:00

react 返回上一页

<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">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&lt;IProps, IState&gt; {
    constructor(props: IProps) {
      super(props)
    }
    goBackPage = () =&gt; {
      history.goBack();//返回上一页这段代码
      
    }
    render(){
      return (
            &lt;div className="videoDetail"&gt;
            &lt;Layout&gt;
                &lt;Header&gt;
                  &lt;div className="headTitle"&gt;
                      &lt;span onClick={this.goBackPage} className="goBack"&gt; &lt;返回 &lt;/span&gt;
                      &lt;span className="title"&gt;视频详情&lt;/span&gt;
                  &lt;/div&gt;
                &lt;/Header&gt;
                &lt;Layout&gt;
                  &lt;Sider&gt;
                  &lt;h4&gt;视频信息:&lt;/h4&gt;

                  &lt;ul&gt;
                      &lt;li&gt;拍摄时间:&lt;/li&gt;
                      &lt;li&gt;2018-10-11&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;ul&gt;
                      &lt;li&gt;拍摄地址:&lt;/li&gt;
                      &lt;li&gt;雁塔区&lt;/li&gt;
                  &lt;/ul&gt;
                  
                  &lt;/Sider&gt;
                  &lt;Content&gt;
                  &lt;iframe src="http://gbs.liveqing.com:10000/play.html?serial=34020000001110000033&amp;code=34020000001320000101&amp;aspect=fullscreen" width="100%" height="360" allow="autoplay; fullscreen"&gt;&lt;/iframe&gt;
                  {/* &lt;video autoPlay controls width="100%" src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"&gt;&lt;/video&gt; */}
                  &lt;/Content&gt;
                  &lt;Sider&gt;Sider&lt;/Sider&gt;
                &lt;/Layout&gt;
               
            &lt;/Layout&gt;
            &lt;/div&gt;
      )
    }
}
</pre>
</div>
<p>　　</p><br><br>
来源：https://www.cnblogs.com/whlBooK/p/10911472.html
頁: [1]
查看完整版本: react 返回上一页