代码之家 › 专栏 › 技术社区 › dns_nx

reactjs-在render()方法中导入动态文件

reactjs

dns_nx · 技术社区 · 6 年前

我有一个关于在中导入动态文件路径的问题 reactjs . 我已经知道,我可以像这样导入文件/图像:

import pdfImage from '../images/pdf.svg';

现在我想从道具中给定的对象导入一个文件。我保存了对象中的相对文件路径,即。

documents/1_1_DEU_DE.pdf

/静态/媒体/pdf.3fa92281.svg

所以我在寻找类似的东西:

render() {
    import pdfFile from '../' + this.props.termsAndCondition.pdfDocument;
    return (
        <li>
            <a href={pdfFile} target="_blank">
                <img src={pdfImage}></img> 
                {this.props.termsAndCondition.language}
            </a>
        </li>
    );
}

src 文件夹到 public 文件夹,但这是推荐的吗? 我肯定有办法解决我的问题,但我所有的研究都没有给我答案。

1 回复 | 直到 6 年前

dns_nx 6 年前

我知道答案了。我可以用 require

render() {
   let pdfFile = require('../' + this.props.termsAndCondition.pdfDocument);
   return (
      <li>
         <a href={pdfFile} target="_blank" className="link">
            <img src={pdfImage} className="phoneMain"></img> 
            {this.props.termsAndCondition.language}
         </a>
      </li>
   );
}