импорт и рендеринг md файла в реактивном

Question

У меня есть несколько md файлов, которые я хочу визуализировать в приложении на базе реактивной системы. Проблема в том, что когда я пытаюсь импортировать их (используя import или require), я всегда получаю эту ошибку:

error: bundling failed: Error: Unable to resolve module

, поэтому я не вижу, как я могу импортировать md-файл для его рендеринга (используя, вероятно, библиотеку, подобную с пометкой или act-markdown .

Answer 1

Если у вас не так много файлов, лучше всего конвертировать их в литералы шаблонов и в файлы .js, что-то вроде этого:

Начальное значение: example.md

# markdown
something else

Final: example.js

const example = `# markdown
something else
`;
export default example;

и затем вы сможете использовать, например, react-native-simple-markdown, чтобы отобразить это так:

<SimpleMarkdown>
    {example}
</SimpleMarkdown>

Даже если существует много файлов, если они уже будут связаны с приложением, вы можете настроить сценарий или, возможно, задачу gulp, чтобы преобразовать их перед сборкой приложения.

Однако, если пользователь будет загружать эти файлы, или вам не понравится это решение, может быть другой способ, либо получить доступ к файловой системе, либо использовать локальный веб-сайт внутри приложения.