Question

我对Preact / React有一个非常具体的问题：
我有一个带有一些文本的.md文件，它使用react-router的<Link>标签进行导航。像这样：

## Heading
<Link to="/test">Let's go here</Link>

在我的组件文件中，我使用preact-markup组件渲染Markdown并导入链接组件并向下传递链接组件：

...
import {Link} from 'react-router-dom';
import text from './text.md';
import Markup from 'preact-markup';

export default class Comp extends Component {
  render() {
    return <Markup markup={text} components={{Link, HashLink}} />;
  }
}

为了导入markdown，我使用@nuxtjs/markdown-it - loader，它工作正常。这一切都按预期工作，但并不干净我希望能够在markdown文件中导入Link组件，这样可以为每个视图节省一些样板代码。
或者，更好的是，我希望能够使用适当的导入在Component内部编写我的markdown，并在构建时将其全部编译为HTML。
我不喜欢运行时组件，因为它们需要下载和解析并渲染时间。

在构建时使用React组件进行Markdown渲染

0 个答案: