添加新选项时删除 css class 的内容富文本

Question

我在我的 Next.js 项目中使用 contentful

我在内容富文本方面遇到问题，当我添加一个新选项时，它会从我的第一个选项中删除 css class 并仅应用第二个选项。无法理解这是为什么。选项代码如下：

const options = {

renderNode: {
    [BLOCKS.PARAGRAPH]: (node, children) => {
        return (
            <p className="text-primary">{children}</p>
        )
    }
},
renderNode: {
    [BLOCKS.LIST_ITEM]: (node, children) => {
        return (
            <li className="text-sundown">{children}</li>
        )
    }
}

};

Answer 1

这是因为 options 中不能有多个 renderNode 属性。将段落和列表项 css 放在一个 renderNode.

中

const options = {

renderNode: {
    [BLOCKS.PARAGRAPH]: (node, children) => {
        return (
            <p className="text-primary">{children}</p>
        )
    },
    [BLOCKS.LIST_ITEM]: (node, children) => {
        return (
            <li className="text-sundown">{children}</li>
        )
    }
};

添加新选项时删除 css class 的内容富文本

Contentful rich text removing css class on adding new option

javascript

reactjs

contentful

next.js