Как вставить элемент между 3 и 4 кнопкой?

Question

[fronttrty]

есть меню котрое я делаю так как вставить между 3 и 4 элементом картинку.

Comments

[Валерий Павлов]

Между "Доставка" и "главная"?

[fronttrty]

youmixx, да

[fronttrty]

youmixx, именно там

[fronttrty]

youmixx, решил
спасибо

Answer 1

[fronttrty]

import React from 'react';

import { Link } from 'react-router-dom';
import classNames from 'classnames';

function Menu({ arr, pref }) {
  const [Active, setActive] = React.useState(0);

  return (
    <div>
      {arr.map((name, index) =>
        name != 'logo' ? (
          <Link to={pref[index]}>
            <div
              className={classNames('navig', {
                active: Active == index,
                navig2: index == 4,
              })}
              onClick={() => setActive(index)}
              key={`${index}_${name}`}>
              {name}
            </div>
          </Link>
        ) : (
          <img src="../img/logo2.png" alt="" className="logo" />
        ),
      )}
    </div>
  );
}

export default Menu;