Question

我正在从事reactjs前端项目。我想从网址中获取参数并将其保存在另一个变量中。 const id = {match.params.pid};

它无法正常工作。有人可以帮我吗？

我想将参数存储在局部变量中

 DtaDisplay1 = ({match}) => {
    return (
      const id={match.params.pid};
      <div>
      <h1>{id}</h1>
    </div>)
}

在这里，我在url中传递值：

<Route path="/dta/:pid" component={this.DtaDisplay1}/>

Answer 1

您应该尝试将id存储在return语句之前的变量中。

DtaDisplay1 = ({match}) => {
    const id=match.params.pid;
    return (
      <div>
      <h1>{id}</h1>
    </div>)
}

Answer 2

您可以看到示例here。它将向您展示如何在React Router中使用url参数。

在此笔中，请参阅关于组件路线，关于链接和自身的关于组件。我认为您一定会从中获得解决方案的。

const About = (props)=>{
  const id = props.match.params.aboutId;
  return <div>
    <h1>About - || id = {id}</h1>
    <p>This is about</p>
  </div>
}

Answer 3

在所有代码段中，我发现了某些内容或其他内容丢失了。请尝试使用下面的代码段，看看是否可行。这应该是正确的方法

DtaDisplay1 = ({match}) => {
    const id = match.params.pid;
    return (
      <div>
        <h1>{id}</h1>
      </div>
    );
}

如何使用我们从reactjs中的URL获得的初始化值

3 个答案: