javascript - 如何使用选择的语言来显示特定的 pdf 文件

Question

我是 react.js 的初学者，这就是我的问题。我有一个系统，用户可以选择默认语言。所以，如果语言是法语，我有一个特定的 url 可以放在我的 iframe 路径中。如果是西班牙语，一个特定的 pdf。但是我该如何做逻辑呢？

我有这样的事情：

function Iframe(props) {
    return (<div dangerouslySetInnerHTML={{ __html: props.iframe ? props.iframe : "" }} />);
}

//defalut pdf cause im not verifying the language yet. 
const iframe = '<iframe src="https://myPDFinFrench.pdf" width="1361" height="550"></iframe>';

标签： javascriptreactjs

Answer 1

您可以使用模板有条件地在 iframe 中呈现 URL，如下所示：

const language = 'FR';

const iframeFactory = {
  'ES': 'https://spanish.pdf/',
  'FR': 'https://french.pdf/',
}

function Iframe() {
    const iframe = `<iframe src=${iframeFactory[language]} width="1361" height="550"></iframe>`

    return (<div dangerouslySetInnerHTML={{ __html: iframe }} />);
}