Блог

Главная - Вопросы по программированию - Пример из учебника: отсутствует открывающий тег на элементе div в инструкции return?

Пример из учебника: отсутствует открывающий тег на элементе div в инструкции return?

#reactjs

#reactjs

Вопрос:

Я нашел этот пример в учебнике, но в инструкции return функционального компонента нет открывающего тега для элемента div. Возможно ли это?

 function ColorList({ colors=[], onRemoveColor=f=>f}){
  if(!colors.length) return <div>No Colors Listed. (Add a Color)</div>;

  return (
    colors.map(color => (
    <Color key={color.id} {...color} onRemove={onRemoveColor} />
  ))
  </div>
  );
}

Комментарии:

1. Нет, очень похоже на опечатку. Кроме того, colors.map(... должно быть в фигурных скобках, а не в круглых скобках, это недопустимый JSX.

Ответ №1:

Должно быть:

 function ColorList({ colors=[], onRemoveColor=f=>f}){
  if(!colors.length) return <div>No Colors Listed. (Add a Color)</div>;

  return (
    <div>
      {colors.map(color => (
        <Color key={color.id} {...color} onRemove={onRemoveColor} />
      ))}
    </div>
  );
}

Что это за учебник? Похоже, ему нужен редактор получше.

Комментарии:

1. Изучение React, 2-е издание, Алекс Бэнкс, Ева Порчелло

2. Я многому научился у этих двоих на их курсах по Lynda.com . Я определенно рекомендую курсы там, если вы можете получить доступ