如何在URL中发送ID参数并使用React JS在另一页上获取ID参数？

Question

这是我正在做的产品。vendor_id是我的ID，我是新来反应js的人，请帮助

#box {
    width: 100px;
    height: 100px;
}

p {
  font-size: 1.5rem;
  }

Answer 1

您可以使用template literals或将字符串串联放入{}

<a href=`#/base/property/${product.vendor_id}`><Button block color="secondary" className="btn-pill">0</Button></a>

或

<a href={"#/base/property/"+product.vendor_id}><Button block color="secondary" className="btn-pill">0</Button></a>

如果您使用的是react-router，则可以像这样使用Link中的react-router-dom

<Link to=`/base/property/${product.vendor_id}`><Button block color="secondary" className="btn-pill">0</Button></Link>

，在/base/property/:vendorId上呈现的组件中，您可以访问this.props.match.params.vendorId之类的供应商ID