javascript - 没有 jsx 的反应，我可以使用模板字符串而不是 createElement 吗？

Question

我喜欢 react 的 virtual dom diff 概念，它重绘所有组件。不过，我不想使用 webpack 和 jsx。我在看这篇文章：

http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/

但似乎作者正在使用 React.createElement 来创建每个元素，我宁愿使用模板字符串：

function render() {
var whatever = 1;
var str = `<div> 
           ${whatever}
           </div>`;
return str;
}

这可能吗？我可以将所有内容创建为模板字符串并仍然使用 react 的 render() 概念吗？

我喜欢 react 的一点是它如何根据虚拟 dom 差异有效地重绘整个应用程序，这就是为什么我想保留它的 render() 方面。它让我想起了人们编写视频游戏的方式，在每一帧都重新绘制了整个场景。

标签： javascriptreactjs

Answer 1

您可以创建元素并在与此类似的 var 中对它们进行 stroe，但它们将在 {} 内部而不是 ' '