this.props.match.params.vendor_id с неопределенным значением

Question

Я отправляю идентификатор поставщика в URL, и он отображается в URL как http://localhost:3000/#/base/property/1, но когда я 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}/>