react详情页请求

react详情页请求

/**
 *  详情组件
 *
 * */
class Info extends React.Component{
    constructor(props) {
        super(props);
    }
    render(){
        const { title,time,hits,classname,content } = this.props.data;
        return(
            <div>
                <div className="InfoBox">
                    <div className="InfoTitle">
                        {title}
                    </div>
                    <div className="InfoMsg">
                        <span>浏览：{hits}</span>
                        <span>分类：{classname}</span>
                        <span>时间：{time}</span>
                    </div>
                </div>

                <div className="InfoContent" dangerouslySetInnerHTML={{__html:content}}></div>
                <div className="back" onClick={this.backList}>首页</div>
            </div>

        );
    }

    backList = ()=>{
        window.location.href = 'xxx'
    }
}



function request(id){
    axios({
        method:"post",
        url:"xxx"+id,
        data:{}
    }).then((res)=>{
            console.log(res.data);
            if(res.data.code==200){
                ReactDOM.render(
                    <Info data={res.data.data}/>,
                    document.getElementById('body')
                )
            }
        },
        res =>{
            console.log('error')
        }
    )
}

//获取url详情id方法
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
var id = GetQueryString("id");

request(id);