小编Mig*_*dan的帖子

我想在 NEXT JS 13 上添加自定义 APP 文件，在文档中：

Next.js 使用 App 组件来初始化页面。您可以覆盖它并控制页面初始化：

在页面更改之间保留布局在导航页面时保持状态将附加数据注入页面添加全局 CSS 要覆盖默认应用程序，请创建文件 ./pages/_app.js，如下所示：

export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

我添加了文件和代码，但它不起作用。

我正在使用新的应用程序文件夹来制作路线。所以我认为还有另一种方法可以使用 APP 文件夹制作自定义 APP 文件。

我正在使用下一个代码使用 jsPDF 和一个简单的反应组件将 HTML 转换为 PDF。

import React from 'react';
import { renderToString } from 'react-dom/server';

import jsPDF from 'jspdf';

const styles = {
    fontFamily: 'sans-serif',
    textAlign: 'center',
};
const colstyle = {
    width: '30%',
};
const tableStyle = {
    width: '100%',
};

const Prints = () => (
    <div>
        <h3>Time & Materials Statement of Work (SOW)</h3>
        <h4>General Information</h4>
        <table id='tab_customers' class='table table-striped' style={tableStyle}>
            <colgroup>
                <col span='1' style={colstyle} />
                <col span='1' style={colstyle} />
            </colgroup>
            <thead>
                <tr class='warning'>
                    <th>SOW Creation Date</th> …

我正在使用 React-Quill 将富文本编辑器添加到我的应用程序中。

我的数据库中有下一个字符串存储：

const text = '<p>Hello<strong> World</strong></p><p><strong>Next Line</strong></p>';

现在我想在 REACT 组件中“渲染”文本常量，但使用 HTML 提供给它的“样式”。

你好世界

下一行

我该怎么做？或者其他富文本编辑器来实现这一点？