У меня очень специфическая проблема с Preact / React:
У меня есть файл .md с некоторым текстом, который использует теги <Link> реагирующего маршрутизатора внутри для навигации. Как это:
## Heading
<Link to="/test">Let's go here</Link>
В моем файле компонентов я выполняю разметку и импортирую компонент связи и передаю компоненты связи вниз, используя компонент 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, который отлично работает. Все работает как положено, но не чувствует себя чистым.
Я хотел бы иметь возможность импортировать компоненты Link внутри файла уценки, что позволило бы сэкономить некоторый шаблонный код для каждого представления.
Или, что еще лучше, я хотел бы иметь возможность написать свою разметку внутри самого компонента с соответствующим импортом и скомпилировать все это в HTML во время сборки.
Мне не нравятся компоненты времени выполнения, так как они нуждаются в загрузке, разборе и отображении времени.