文章/答案/技术大牛

发布

社区首页 >问答首页 >对路由器v4链路作出反应

问对路由器v4链路作出反应
EN

Stack Overflow用户

提问于 2017-09-07 17:37:39

回答 2查看 335关注 0票数 1

由于某些原因，这是一个无效的语法。

 <Link to={'/page/with/' + id + '/' + name}>Some param Page</Link>

整个错误就是这个，而应用程序就是不编译

Line 17:  Unexpected use of 'name'  no-restricted-globals

Search for the keywords to learn more about each error.

但这个是有效的

<Link to={'/page/with/' + id}>Some param Page</Link>

所以我的问题是如何建立一个匹配的链接

 <Route path="/page/with/:id/:name" component={SomeParamPage}/>

如果在它工作的url中直接写入，则该路由是有效的，问题是Link

import React from 'react'
import {Link} from 'react-router-dom'

let id = 2;
let name = 'sasho';
const Header = () => (
    <h2>
        Header
        <br/>
        <Link to="/">Home</Link>
        <br/>
        <Link to="/about">About</Link>
        <br/>
        <Link to="/about-us">About us</Link>
        <br/>
        <Link to="/contact">Home</Link>
        <br/>
        <Link to={'/page/with/' + id + '/' + name}>Some param Page</Link>
    </h2>
);

export default Header;

reactjs

hyperlink

router

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-09-07 17:48:35

这个错误在这里

Line 17:  Unexpected use of 'name'  no-restricted-globals

Search for the keywords to learn more about each error.

name是JS中的关键字，因此它会抛出一个错误。这就像试图命名一个变量this --您将遇到问题。尝试选择一个不同的变量名。

票数 1

Stack Overflow用户

发布于 2017-09-07 20:44:36

啊，谢谢你的编辑！在name作用域之外创建Header。let和const的作用域仅限于使用它的块、语句或表达式。要解决这个问题，只需将name移动到Header无状态组件中：

const Header = () => {
  let name = 'sasho';
  let id = 2;
  return (
        <h2>
          Header
          <br/>
          <Link to="/">Home</Link>
          <br/>
          <Link to="/about">About</Link>
          <br/>
          <Link to="/about-us">About us</Link>
          <br/>
          <Link to="/contact">Home</Link>
          <br/>
          <Link to={'/page/with/' + id + '/' + name}>Some param Page</Link>
        </h2>
    );
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46102232

复制

相似问题

问对路由器v4链路作出反应
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对路由器v4链路作出反应EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对路由器v4链路作出反应
EN