📜  反应JS |计算器应用程序(介绍)

📅  最后修改于: 2022-05-13 01:56:21.638000             🧑  作者: Mango

反应JS |计算器应用程序(介绍)

到目前为止,我们已经看到了 React 是什么以及它的能力。简而言之,我们了解了什么是 React Web 应用程序、React 组件、Props、状态和 React 组件的生命周期。我们还使用以下所有内容创建了一个基本时钟应用程序。但是 React 是一个用于构建灵活用户界面的 JavaScript 库,到目前为止我们还没有创建任何。所以是时候让我们通过创建一个简单但有影响力的项目来进入 React 的真实世界了。

我们写这篇文章的目的是向我们的读者介绍一种在与我们一起开发的同时随时随地学习的新想法,我们选择创建一个React 计算器作为我们的第一个项目。以这样的良好开端来计算旅行里程,没有比这更好的方法了。

为什么是计算器?

我们选择开发计算器是出于一些特定的原因,其中大部分都被简要提及和描述。

  • 简单:计算器是一个简单的小工具,您已经看到、使用、误用了其中的几个。您已经见过各种各样的计算器,现在我们让您有机会创建一个基本的虚拟计算器,该计算器将能够执行所有基本的算术运算,例如加法、减法、乘法和除法。如此简单,我们双方都将更容易解释和理解该过程。
  • 范围:我们的目标可能很简单,但它有很多未来的范围。在本文中,我将向您展示已完成的应用程序的一瞥,您将能够理解,尽管它是完整的,但它可以让您即兴创作并创建一个增强版本,可以针对特定领域,例如开发科学计算器;随你(由你决定。
  • 有趣的点:计算器可能是一个非常简单的东西,但如果你想为自己创建一个,你需要识别和创建所有不同的组件,识别并建立一个相互交互的平台,最后但并非最不重要的是你将拥有处理所有的故障、崩溃和错误。
  • 化妆品挑战:如果您对细节有一定的了解,那么开发和设计计算器对您来说将是一个很好的起点,因为计算器本身不应该占用太多空间,但它有几个按钮可以容纳,在设计时您还将拥有照顾好可读性和整体用户体验,因为这是你的第一个UI 项目

完成项目一览

看起来挺好的 ?那就开始我们的旅程吧。快乐编码。

反应JS |计算器应用程序(结构)