react中如何引入md文件

Question

问题描述

    import React from 'react';
    import Markdown from 'react-markdown';   
    import md from 'XX.md';
    
    console.log(md); // 这里返回了文件的地址，并不是文件的内容
    class Log extends React.Component {
    render() {
        return (
            <Markdown source={md}/>
        )
    }
}

请问如何才能够引入md文件的内容。

问题出现的环境背景及自己尝试过哪些方法

目前已经配置了react-markdown-loader，也在webpack.config.js中配置了。

        {
          test: /\.md$/,
          loader: 'babel!react-markdown'
        }

你期待的结果是什么？实际看到的错误信息又是什么？

希望大神告知，如何才能引用md文件。

Answer 1

import md from './md/dd.md';
...
state = {

  markdown: '',

}
componentWillMount() {

fetch(md)
  .then(res => res.text())
  .then(text => this.setState({markdown: text}));

}
...
不知道你还需不需要，但我还是写出来
你也说了引进来的md是地址，所以使用fetch请求一下，亲测可用