javascript - react : store state to template literals

Question

我在一个单独的文件中创建js代码(不管为什么，我只需要了解原理)，它只由一个文字组成，例如:

export default `
<div>
</div>
`

并将其导入到组件中，如下所示:import * as content from ./filename.js 之后我可以按如下方式引用他，例如: document.write(content) 并且这没有问题

但我根本不清楚如何在这样的结构中存储状态。

在我导入此代码的组件中，有一个名为 body 的 Prop

是否可以进行以下施工工作:？

export default `
<div>
${this.props.body}
</div>
`

抱歉，如果我写得不太准确。准备好快速回答所有问题

Answer 1

如果我认为问题是正确的，那么你问的不是 React，而是 ES6 模板字符串。据我了解，当您编写文字字符串 ${variable} 时，它具有当前范围的上下文，并在导出之前转换为值。因此，您只有在模板文件中声明这些变量或在导入端使用模板引擎的方法。

作为变体，您可以创建代理函数

//module.js
export default function(context) {
    return `test ${context.teststring} test`
}

// main.js with teststring in scope
import withContext from "./module";
document.write(withContext(this));