Estoy creando una aplicación Reactjs y tengo un archivo de descuento Readme.md que me gustaría mostrar en mi aplicación. Estoy confundido acerca de cómo proceder. Estoy describiendo lo que probé a continuación, pero me parece más complicado de lo que debería y me hace sentir que me estoy acercando a esto de manera incorrecta. Me interesaría saber cómo las personas generalmente tratan la inclusión de contenido estático o html en una aplicación de reacción o, más generalmente, en javascript.

Veo varios caminos:

1. Traduzca el archivo de rebajas a html y encuentre una manera de incluir el html en la aplicación de reacción.
2. Use una biblioteca de rebajas de javascript (como tal vez https://remark.js.org/ ) para representar la rebaja directamente

El descuento también contiene mathjax.

Hubiera pensado que la ruta 1 era la mejor, porque el descuento es un archivo estático y no necesito usar una biblioteca javascript adicional para representarlo dinámicamente.

Así que generé el HTML de Markdown con pandoc, lo puse en src/assets/readme.html y probé esto en mi App.js :

 import React from 'react'; import readme from 'assets/method.html'; const App: React.FC = () => { return ( <div dangerouslySetInnerHTML={ { __front: readme } }/> ); };

Sin embargo, esto no funciona, ya que produce el error:

 ./src/assets/method.html 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

Revisé la URL señalada pero no pude encontrar ningún puntero para cargar archivos HTML.

Esto parece más complicado de lo que debería, me pregunto si me estoy perdiendo algo.