有两个带有路径"/home#contactus“和"/home#about”的导航链接，但是两个链接同时突出显示，如何修复它？

Question

我想使用Nav-散列链接添加一个活动链接。但是，当我添加/home/#sampleproducts& /home/#仪表板这样的路由时，它总是处于活动状态。

import { NavHashLink as NavLink } from 'react-router-hash-link';
        <NavLink style = {navLink} to={'/#'}>Home</NavLink>
        <NavLink style = {navLink} to={'/home/#sampleproducts'}>Sample</NavLink>
        <NavLink style = {navLink} to={'/home/#dashboard'}>Dashboard</NavLink>

navLink函数码

const navLink = ({isActive}) => {

返回{背景颜色:isActive？‘#B 31217’：''，颜色:isActive？'#fff‘：'’}

Answer 1

node.js是一个允许您在主机系统上本地运行javascript代码的程序，通常只能在浏览器中运行。这使得它类似于其他解释语言，如python或php。

MongoDB是一种数据库工具。如果您有大量需要轻松存储和访问的数据，您可能会查看数据库工具。这与sql或elasticsearch类似。此外，几乎所有的编程语言都可以使用MongoDB，所以您甚至不需要node.js来运行它。您可以用C#编写一个程序，用MongoDB存储所有的数据。