React Router v4中的indexLink

多里托

有没有在React Router v4中使用indexLink的新方法?我正在更新一些版本3的代码。

我通过一些解构来引入它:

var {NavLink, IndexLink} = require('react-router-dom');

并使用IndexLink使其始终保持粗体:

<h2>Nav</h2>
<IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>blah blah blah</IndexLink>
//Other navlinks working fine

IndexLink是唯一破坏我的代码的东西,这是我将其更改为该代码后的错误。

“警告:React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义于其中的文件中导出组件。检查的渲染方法Nav。”

一切都已导出,并且简单的应用程序可以完美运行,直到添加IndexLink。现在传出去。

克里斯

<Indexlink>RRv4中不存在索引,因为RRv4<IndexRoute>中并不真正存在索引的整个概念。请记住,链接和路线直接相关。

因此,只需使用即可<NavLink>

阅读有关NavLink的官方文档:

NavLink -的特殊版本,它将在与当前URL匹配时将样式属性添加到呈现的元素。

如果您需要对URL匹配进行更多控制,则可以使用strictexact道具。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章