@d1zz74

Что не так с кодом?

Что не так? Выдаёт ошибку.
Задание:
dl тег, используется при создании списков определений, в которых dt тег содержит название, а dd описание определения.

src/Definitions.jsx
Реализуйте компонент Definitions, который принимает свойство data следующей структуры:
const definitions = [
  { dt: 'one', dd: 'two' },
  { dt: 'another term', dd: 'another description' },
];

<Definitions data={definitions} />

import { uniqueId } from 'lodash';
import React from 'react';

export default class Definitions extends React.Component {
 render () {
    const {data} = this.props
    return (
      <dl>
        {data.map(definitions=> 
          <React.Fragment key={definitions.key}>
            <dt> {definitions.dt} </dt>
            <dd> {definitions.dd} </dd>) 
          </React.Fragment> )}
      </dl>
    );
  }
}

Index.js:
import ReactDOM from 'react-dom';
import React from 'react';

import Definitions from './Definitions.jsx';

const definitions = [
  { dt: 'one', dd: 'two' },
  { dt: 'another term', dd: 'another description' }
];

ReactDOM.render(
  <Definitions data={definitions} />,
  document.getElementById('container'),
);
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы