все норм?

Родительский компонент должен делить массив с товарами на кусочки и передавать эти кусочки в дочерний, в котором проходить по куску массива мапом и будет всё ок

+

Да работает, я мучился с алгоритмом целый день, спасибо Виктору.

Не совсем корректно работает ток, %4 поставь, у тебя последний лист в следующий грид уходит

или все норм? Просто набор данных крайне сложен для оценки =)

а да не заметил, спасибо, теперь норм :)

Кого только не спросил, почему то вариант сложным казался многим.

Он не сложный, а мудреный. И если в дальнейшем придётся менять что-то в отображении на странице, то его будет неудобно переделывать.

Лучше реализовать через вложенные компоненты, как писали выше.

к чему смайлы?

Легкий способ пофлудить

Всем привет! Подскажите немного по роутеру. Не так давно перешел на проект на реакте, до этого было крайне мало опыта с ним. Сейчас возникла такая ситуация - есть RouterController:

export const RoutesController: FC<RoutesProps> = props => (
  <Switch>
    {
      props.routes.map((item: RouteConfig) =>
        item.routes
          ? <ChildrenRoutesComponent key={ item.name } item={ item } />
          : <SimpleRoutesComponent key={ item.name } item={ item } />,
      )
    }
  </Switch>
);

в дочерних компонентах генерятся

<Route />

, но проблема в том, что они не генерятся. Судя по тому что я сумел найти -

Switch

не умеет заходить в компоненты, как можно обойти это, не перенося всю логику из дочерних компонент в контроллер? Дочерние компоненты тоже функциональные

export const RoutesController: FC<RoutesProps> = props => (
  <Switch>
    {
      props.routes.map((item: RouteConfig) =>
        item.routes
          ? <ChildrenRoutesComponent key={ item.name } item={ item } />
          : <SimpleRoutesComponent key={ item.name } item={ item } />,
      )
    }
  </Switch>
);

<Route />

Switch

пробрасывай часть роута в компонент через пропсы и рендерь в компоненте нужный блок

Спасибо, сейчас попробую

Добрый день. Подскажите, пожалуйста, где можно размещать вакансии для react разработчиков?