фильтровать элемент по идентификатору, используя ответный маршрутизатор, возвращать пустой массив

Question

Я использую реагирующий маршрутизатор ... путь к маршруту: / product /: id

Я пытаюсь отфильтровать элемент по идентификатору, чтобы он соответствовал URL, но ничего не возвращается ... не могли бы вы, ребята, помочь мне?

import React from 'react'


function SelectedProduct(props) {

  const { id } = props.match.params
  console.log(id) 
  console.log(props.product)

  const filtered = props.product.filter(product => product.id === props.match.params.id)
  console.log(filtered)

  return (
    <div>

    </div>
  )
}

export default SelectedProduct

Console.log image

Answer 1

Может быть, идентификатор в вашем номере является целым числом, и вы сравниваете его со строкой? Можете ли вы попробовать приведенный ниже код?

const filtered = props.product.filter(product => parseInt(product.id, 10) === parseInt(props.match.params.id, 10))
console.log(filtered)