Не получается записать и вывести свойство.

function ListItem(props) {
  // Правильно! Здесь не нужно указывать ключ:
  return <li>{props.value}</li>;
}
 
function NumberList(props) {
  const numbers = props.numbers;
  const listItems = numbers.map((number) =>
    // Правильно! Ключ должен быть указан внутри массива.
    <ListItem key={number.toString()}
              value={number} />
 
  );
  return (
    <ul>
      {listItems}
    </ul>
  );
}
 
const numbers = [['Закат', '/image/20180408_212136.jpg']];
ReactDOM.render(
  <NumberList numbers={numbers} />,
  document.getElementById('root')
);
 
 
 
 
</script>

function Image(props) {
  return (
    <div>
      <img src={props.src} width={200} />
      <div>{props.name}</div>
    </div>
  );
}
 
function ImgList(props) {
  const { images } = props;
  const listItems = images.map((it) => (
    <Image key={it.id} src={it.href} name={it.name} />
  ));
  return <ul>{listItems}</ul>;
}
 
const images = [
  {
    id: '1',
    name: 'Кот',
    href: 'https://s.poembook.ru/theme/cb/99/39/94360bb116f4e8932fb95619f976d9afc5c97816.jpeg',
  },
  {
    id: '2',
    name: 'Кот 2',
    href: 'https://mobimg.b-cdn.net/v3/fetch/5b/5b68eee67da30660e3fc62e867032a58.jpeg',
  },
];
 
render(<ImgList images={images} />, document.getElementById('root'));