@CoolBatman273

Почему функция, возвращающая объект в props провоцирует ошибку, если на постановку объекта не ругается?

5e761cd4bab75275892343.png
5e761cd96d8a7480076449.png
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 2
@CoolBatman273 Автор вопроса
Как выглядит сама функция:
5e76246c040bb821887036.png
Ответ написан
Вы возвращаете в функции объект, а он не может быть отрендерен напрямую реактом. Нужно возвращать что-то что может быть отрендерено. Например SVG в виде JSX как показано в примере из документации:
const CustomizedDot = (props) => {
  const {
    cx, cy, stroke, payload, value,
  } = props;

  if (value > 2500) {
    return (
      <svg x={cx - 10} y={cy - 10} width={20} height={20} fill="red" viewBox="0 0 1024 1024">
        <path d="..." />
      </svg>
    );
  }

  return (
    <svg x={cx - 10} y={cy - 10} width={20} height={20} fill="green" viewBox="0 0 1024 1024">
      <path d="..." />
    </svg>
  );
};
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Leningrad Media Санкт-Петербург
от 80 000 до 140 000 ₽
SaveTime Москва
от 160 000 до 230 000 ₽