TS2322: Type 'string | false' is not assignable to type 'string | undefined'. Type 'boolean' is not assignable to type 'string'. Как пофиксить?

Question

[Павел Орловский]

Я написал код, который выделяет выбранную страницу в паджинаторе, задал условие, но тайпСкрипт не позволяет создать такой тип для className. Подскажите как пофиксить данную багу.

Вот такой код.

{pages
        .filter(
          (p) => p >= leftPortionPageNumber && p <= rightPortionPageNumber
        )
        .map((p) => {
          return (
            <span
              className={currentPage === p && s.selectedPage}
              key={p}
              onClick={() => {
                term === ""
                  ? onPageChange["onCommonPageChange"](p)
                  : onPageChange["onTermPageChange"](p);
              }}
            >
              {p}
            </span>
          );
        })}

ошибка тут

TS2322: Type 'string | false' is not assignable to type 'string | undefined'. Type 'boolean' is not assignable to type 'string'.
return (
    85 |             <span
  > 86 |               className={currentPage === p && s.selectedPage}
       |               ^^^^^^^^^
    87 |               key={p}
    88 |               onClick={() => {
    89 |                 term === ""

Comments

[WbICHA]

className={currentPage === p ? s.selectedPage : undefined}

[Павел Орловский]

WbICHA, ого вот я подтупливаю, так было просто =) Спасибо вам огромное, что постоянно помогаете мне по TypeScript'у. Вы мой спаситель =)

[WbICHA]

fendrarog, я же всего-лишь на второй вопрос ответил.

[Павел Орловский]

WbICHA, не всего лишь на второй, а на два. Я очень благодарен Вам за это. =)

Answer 1

[Desorder]

можно использовать clsx

<span className={clsx(currentPage === p && s.selectedPage)} ...>