Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React路由器v4中的indexLink_Javascript_Node.js_Reactjs_React Router - Fatal编程技术网

Javascript React路由器v4中的indexLink

Javascript React路由器v4中的indexLink,javascript,node.js,reactjs,react-router,Javascript,Node.js,Reactjs,React Router,在React路由器v4中是否有使用indexLink的新方法?我正在更新一些版本3的代码 我将对其进行一些分解: var {NavLink, IndexLink} = require('react-router-dom'); 并使用IndexLink防止其始终显示为粗体: <h2>Nav</h2> <IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>bla

在React路由器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
Nav
废话废话
//其他导航链接工作正常
IndexLink是唯一破坏我的代码的东西,当我将其更改为IndexLink时,这里有一个错误

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

所有内容都已导出,在我添加IndexLink之前,这个简单的应用程序可以完美地工作。现在让我们来看看。

在RRv4中不存在,因为
和整个索引概念在RRv4中并不存在。请记住,链接和路由是直接相关的

因此,只需使用

阅读官方文件:

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


如果您需要对URL匹配进行更多控制,您可以使用
严格的
精确的
道具。

根据Chris,正确的答案是继续使用NavLink和精确的。严格在这种情况下不起作用

<NavLink exact to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>chris is awesome</NavLink>
克里斯太棒了

以防万一有人碰到这个

我真的建议大家好好阅读一下RRv4文档——新版本中的API有着根本的不同。我已经读了一两遍了。来这里之前,我肯定已经读过了。不过,在不睡觉的情况下,在文档和谷歌上搜索2小时可能不符合“正常”的条件汉克斯!我仍然需要修复它,但这是我需要知道的要点。实际上,在尝试IndexLink之前,我将其作为Navlink使用。可能是睡眠不足,但我在文档中找不到该索引。谢谢。