我对Preact / React有一个非常具体的问题:
我有一个带有一些文本的 .md
文件,它使用react-router的 <Link>
标签进行导航 . 像这样:
## Heading
<Link to="/test">Let's go here</Link>
在我的组件文件中,我渲染Markdown并导入链接组件并使用 preact-markup
组件向下传递链接组件:
...
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}} />;
}
}
为了导入降价,我使用 @nuxtjs/markdown-it
-loader,它工作正常 . 这一切都按预期工作,但感觉不干净 .
我希望能够在markdown文件中导入Link组件,这样可以为每个视图节省一些样板代码 .
或者,更好的是,我希望能够在Component内部使用适当的导入编写我的markdown,并在构建时将其全部编译为HTML .
我喜欢运行时组件,因为它们需要下载和解析并渲染时间 .