Question

我正在尝试使用来自react-router-dom的链接将参数发送到另一个页面。

我有这条路：

<Route path={"/IDSM/IDSMAdmin/EditUser/:username"} component={EditUser}/>

这里是链接：

<Link to={"/IDSM/IDSMAdmin/EditUser/${item}"}>{item}</Link>

但这不会将{item}的值发送到另一页。相反，它只是发送文字值“ $ {item}”。

{ username: "${{item}}" }

如何发送{item}本身的内容？

Answer 1

使用反引号而不是双引号发送参数

<Link to={`/IDSM/IDSMAdmin/EditUser/${item}`}>text here</Link>

Answer 2

如果要将参数传递给另一个组件：

<Route path={"/IDSM/IDSMAdmin/EditUser/:username"} component={EditUser}/>

export default class EditUser extends Component {
  render() {
    return(
      <div>
        <h2>{this.props.match.params.username}</h2>
      </div>
    )
  }
}

通过React路由发送参数值

2 个答案: