javascript - 没有 jsx 的 react ,我可以使用模板字符串而不是 createElement 吗?

标签 javascript reactjs

我喜欢 react 的虚拟 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() 方面。这让我想起了人们编写视频游戏的方式,即在每一帧重新绘制整个场景。

最佳答案

您可以创建元素并将它们存储在与此类似的汽车中,但它们将位于 {} 内而不是 ' '

关于javascript - 没有 jsx 的 react ,我可以使用模板字符串而不是 createElement 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51504495/

相关文章:

javascript - 如何在asp.net中从c#执行javascript

reactjs - React-JS/react-router-dom中的路由问题

reactjs - 将功能组件声明为 "pure"

javascript - 使用 JQUERY 选择带有 .on ('change' ) 事件的动态插入的 Div 元素

javascript - 切换到测试 id 并根据类执行操作

reactjs - 将函数作为 prop 传递,未定义错误

javascript - 提交后需要重定向到上一页

javascript - Windows 上可能的 "pkill -f node"替代方案

javascript - Bootstrap scrollspy 不适用于显示的文本

javascript - 从数据库中检索数据然后显示在工具提示上