有没有在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匹配进行更多控制,则可以使用strict
或exact
道具。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句