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> 这是我的跳转方法,请问是哪里不对,谢谢。

阅读 5.9k
3 个回答

你是要从你的页面跳转到新浪的页面吗?这样的话直接返回一个<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>
    }
    
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题