Как указать активность элемента?

Question

[Адлан]

const typeNames = ["тонкое", "традиционное"];
const [activeType, setActiveType] = React.useState(0);

          {types.map((typeId) => (
            <li
              key={typeId}
              onClick={() => {
                setActiveType(typeId);
              }}
              className={activeType === typeId ? "active" : ""}
            >
              {typeNames[typeId]}
            </li>
          ))}

Есть компонент в React JS, который рендерится с помощью map() из массива JSON(), types может содержать одно или сразу два из этих выражений: [0, 1].
В карточке пицц это значение определяет на какой из пункт навешивается active, которое подсвечивает необходимый button.

Но есть types, которые приходят лишь со значением [1], в нашем случае "традиционное":

Как мне навесить внутри рендера на такую карту active?

Answer 1

[0xD34F]

В качестве дефолтного значения для activeType указывайте не 0, а нулевой элемент из types:

React.useState(0); ---> React.useState(types[0]);

Comments

[Адлан]

Все оказалось куда проще и очевиднее, чем мои попытки решения.
Благодарю!