JsonData
[ { "id": "2", "name": "Ajay", "role": "Employee", "department": "Accounts Department", "ratings": "4", "joiningdate": "2 Jan 2021" } ]Esta es la aplicación
<React.Fragment> <Routes> <Route path="/employee/:id" element={<Employee />} /> </Routes> </React.Fragment>Componente de empleado interno que estoy usando
let empId=useParams()
obtengo empID pero está en este formato {id:"2"}
¿Qué cambios debo hacer para hacer solo 2 para poder pasar el requisito de API como se muestra a continuación?
axios .get(`http://localhost:8000/EmployeeData/${empId}`) .then((res) => { console.log(res.data); }) .catch((err) => { console.log(err); });Convierta la identificación en número Number(res.data.id) Number("123")
Puede desestructurar objetos desde useParams:
const {id:empId} = useParams();o simplemente puede usar la notación de puntos en get()
.get(`http://localhost:8000/EmployeeData/${empId.id}`)El tipo de datos de empId es un objeto, por lo que puede obtener la identificación con empId.id
