首页 > react-router 点击跳转无效

react-router 点击跳转无效

import { Router, Route, IndexRoute, Link, IndexLink, browserHistory,History } from 'react-router';

titleFormatter(cell,row){
        let title = row.title;
        let titleUrl = row.url;
        return <Link to={titleUrl} activeStyle={ACTIVE} >{title}</Link>
    }

这是报错信息:

http://192.168.255.71:8080/prd/original_post/original_post.html 这是我本地访问的页面地址
http://news.sina.com.cn/c/z/2016qglh/ 这是标题地址

return <Link to={titleUrl} activeStyle={ACTIVE} >{title}</Link> 这是我的跳转方法,请问是哪里不对,谢谢。


你是要从你的页面跳转到新浪的页面吗?这样的话直接返回一个<a>标签就可以了。
react-router是用来管理单页面应用路由的,如果你要跳转到其他页面,就不需要<Link>了。


你这个函数是在render中调用的吗
试过如下吗
return (<Link to={titleUrl} activeStyle={ACTIVE} >{title}</Link>)

代码太少不知道上下文,没有办法判断太多


直接a标签了,OK!

titleFormatter(cell,row){
        let title = row.title;
        let titleUrl = row.url;
        return <a href={titleUrl} target="blank" >{title}</a>
    }
    
【热门文章】
【热门文章】