在道具中映射数组

我将以下道具从父组件传递给子组件

note *in the list of objects that this CardList component receives as props, lang is an array which looks exactly like this langs: ["React", "html", "CSS"] *

import React from 'react';
import Card from './Card';

function CardList ({jobs}) {
  return (
    jobs.map((job,i) => {
      return (
        <Card
          key={i}
          id={jobs[i].id}
          name={jobs[i].name}
          langs={jobs[i].langs} 
        />
     );
  );
}

export default CardList;

在子组件卡上

import React from 'react';

function Card ({jobs}) {
  console.log(props.langs, typeof props.langs)
  return (
    <div>
      <p>props.id</p>
      <p>props.name</p>
      <ul>
        {
props.langs.map((lang, i) => {
  return (
    <li>
      {lang}
    </li>
  );
});
        }
      </ul>
    </div>
  );
}

export default Card;

渲染后说无法映射未定义

但是它将记录props.langs并说当我使用console.log时它是类型对象