使用反应路由器按ID过滤项目返回空数组

Question

I am using react router...route path: /product/:id

I am trying to filter item by id to that matches with url but it's returning nothing...could you guys help me?

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

May be the id in your number is an integer and you are equalizing it to a string? Can you try the below code?

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