Содержимое форматированного текста удаляет класс css при добавлении новой опции

avatar
Gmcintosh
8 августа 2021 в 20:37
110
1
1

Я использую contentful в моем проекте Next.js

У меня проблема с насыщенным форматированным текстом, из-за чего, когда я добавляю новый параметр, он удаляет класс css из моего первого варианта и применяет только второй вариант. Не могу понять, почему это. Код опции выглядит следующим образом:

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>
        )
    }
}

};

Источник

Ответы (1)

avatar
Yogesh Yadav
8 августа 2021 в 20:49
2

Это связано с тем, что вы не можете иметь несколько свойств renderNode внутри options. Поместите абзац и элемент списка 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>
        )
    }
};

Gmcintosh
8 августа 2021 в 20:55
0

Ааа, глупая ошибка. Большое спасибо. Теперь исправлено :)