даже песудокласс не работает попутный ветер css reactjs

Question

Моя конечная цель - создать таблицу с четным элементом с другим цветом фона.

Сформировать официальную docs . Я понял, что мы должны добавить четный класс к дочернему элементу, названному в l oop. Я попытался разместить класс во всех возможных местах, но он все еще не работает.

<table className="table-fixed shadow-lg">
    <thead className="py-2 bg-gray-200">
        ......
   </thead>
   <tbody>
       <tr>
          <td className="px-4 py-2 uppercase text-center font-bold">date</td>
          <td className="px-4 py-2 uppercase text-center font-bold w-100">event</td>
       </tr>
       {eventsData[this.state.currentYear].map(event =>(
           <tr className="even:bg-gray-300">
               <td className="px-4 py-2">{event.date}</td>
               <td className="px-4 py-2">{event.name}</td>
           </tr>
        ))}
    </tbody>
</table>

tailwind.config. js

module.exports = {
  theme: {
    extend: {
      spacing:{
        '128':'32rem',
      }
    },
  },
  variants: ['even'],
  plugins: [],
}

Answer 1

Ваш файл конфигурации попутного ветра неверен. Вам необходимо включить вариант even для класса backgroundColor. Обновите свою конфигурацию, чтобы она выглядела так:

// tailwind.config.js
module.exports = {
  // ...
  variants: {
    backgroundColor: ['even', ...],
  },
}