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

如何解决CSS 样式不适用于 NEXT.js 中带有 amp-bind 的动态类

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

预期：