javascript - CSS 样式不适用于 NEXT.js 中具有 amp-bind 的动态类

Question

amp-bind-class 为处于活动状态的按钮添加“活动”类。当我通过 chrome 开发人员工具看到它时，它运行良好，但唯一的问题是 CSS 无法在它们上运行。我在 Next.js 中使用 AMP

{foo.map((item, i) => (
    <button
        className="pagination-buttons"
        data-amp-bind-class={
            "data.currentPage==" +
            i +
            "?'pagination-buttons active':'pagination-buttons'"
        }
    >
        {i + 1}
    </button>
))}

在单击任何按钮之前，它看起来像这样：

单击任何按钮后，它看起来像这样：

这是我点击后的 DOM

预期的：