从内容丰富文本字段中格式化<code>

Question

我正在构建我的投资组合，我想在我的段落中显示一些代码片段。不幸的是，代码显示时没有任何换行符，而且看起来非常不专业。

我正在使用rich-text-react-renderer，并且尝试添加以下选项以将“ / n”转换为br-tag（documentation）。我假设它可能不起作用，因为代码不是真正的文本？任何输入都非常感谢！

const options = {
        renderNode: {
            "embedded-asset-block": (node) => {
                const alt = node.data.target.fields.title["en-US"]
                const url = node.data.target.fields.file['en-US'].url
                return <img alt={alt} src={url}/>
            }
        },
        renderText: text => { return text.split('/n').reduce((children, textSegment, index) => {
            return [...children, index > 0 && <br key={index}/>, textSegment];
        })}
    }