Javascript js与html中的按钮

Javascript js与html中的按钮,javascript,html,reactjs,Javascript,Html,Reactjs,嗨,伙计们,我正在学习reactjs,我遇到了一些我觉得有趣的事情。直到现在,当我想制作一个按钮时,我会用html创建它,并用js编写一个函数来处理它。现在我明白了,我可以在jsx中完成这一切。所以我的问题是,为什么我要再次在html中创建一个按钮?这样或那样的好处是什么?JSX是一个React扩展,它允许我们编写类似HTML的JavaScript。当您构建一个完整的React应用程序时,您只会在JSX中以返回语句的形式编写,即使它看起来像HTML。React为我们提供了许多简化开发的工具,因此

嗨,伙计们,我正在学习reactjs,我遇到了一些我觉得有趣的事情。直到现在,当我想制作一个按钮时,我会用html创建它,并用js编写一个函数来处理它。现在我明白了,我可以在jsx中完成这一切。所以我的问题是,为什么我要再次在html中创建一个按钮?这样或那样的好处是什么?

JSX是一个React扩展,它允许我们编写类似HTML的JavaScript。当您构建一个完整的React应用程序时,您只会在JSX中以返回语句的形式编写,即使它看起来像HTML。React为我们提供了许多简化开发的工具,因此我们只需要JavaScript(扩展为JSX)。

如果您正在构建React js应用程序,那么您将使用JSX作为模板代码,而不是HTML。JSX的好处很多

JSX允许您将条件、循环、表达式添加到模板代码中(如handlebar、ractive等模板库)

如果您想创建一个包含10个
  • 元素的列表,那么只需使用纯HTML,就必须为其编写10行HTML代码

    但对于JSX(或任何其他模板库),您可以使用for循环,只需编写一行代码即可创建列表。简而言之,JSX(或任何其他模板库)使我们能够编写可重用的动态模板代码,这是普通HTML无法做到的

    您可以从React JS文档站点本身阅读并了解更多信息


    主观。。。意见问题。这里真的有问题吗?或者仅仅是观点?JSX基本上是一种生成HTML的模板语言。因此,使用JSX就是使用HTML。