React：将状态存储到模板文字

Question

我在一个单独的文件中创建js代码（无论为什么，我只需要理解原理），它只包含一个文字，例如：

export default `

<div>

</div>

`

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

但对我来说，在这种结构中如何存储国家并不是很清楚。

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

是否有可能进行以下建设工作：

export default `

<div>

${this.props.body}

</div>

`

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

Answer 1

如果我看到问题正确，你问的不是反应而是ES6模板字符串。据我所知，当您编写文字字符串$ {variable}时，它具有当前范围的上下文并在导出之前转换为值。因此，您只能在模板文件中声明这些变量或在导入端使用模板引擎。作为变体，您可以创建代理功能//module.jsexport default function(context) {&nbsp; &nbsp; return `test ${context.teststring} test`}// main.js with teststring in scopeimport withContext from "./module";document.write(withContext(this));

Answer 2

模板文字使用${...}：export default `<div>${this.props.body}</div>`