this.props.match.params.vendor_id提供未定义的值

Question

我正在通过URL发送供应商ID，并且它以类似http://localhost:3000/#/base/property/1的URL显示，但是当我console.log（id）时，它显示未定义

const Id = this.props.match.params.vendor_id;
    console.log(Id);

<Link to={"property/"+product.vendor_id}><Button block color="secondary" className="btn-pill">{product.num}</Button></Link>

Answer 1

我相信您在Link定义中的语法不正确。尝试改用反引号

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

还要检查您是否已构造此路由以接受vendor_id的通配符，否则将始终未定义。

<Route path="/property/:vendor_id" component={yourComponent}/>