ReactJS |计算器应用（简介）

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

这篇文章的目的是向读者介绍一种新的想法，即在与我们一起开发的过程中不断学习，我们选择创建一个 反应计算器 作为我们的第一个项目。没有什么比这更好的方法来计算旅行里程，有这样一个好的开始。

为什么是计算器？

我们之所以选择开发计算器，是因为一些特定的原因，其中大部分都被简单地提到和描述了。

• 简单性： 计算器是一个简单的小工具，你已经见过，使用过，误用过其中的几个。你已经看到了各种各样的计算器，现在我们给你机会创建一个基本的虚拟计算器，它将能够做所有基本的算术运算，如加法、减法、乘法和除法。这么简单，我们就可以更容易地解释和理解这个过程。
• 范围： 我们的目标可能很简单，但它有很大的未来空间。在这篇文章中，我将向你们展示一个完整的应用程序，你们将能够理解，尽管它是完整的，但它将为你们提供即兴创作和创建一个增强版，可以针对特定领域，例如开发一个科学计算器；这取决于你。
• 有很多有趣的地方： 计算器可能是一件非常简单的事情，但如果你想为自己创建一个计算器，你需要识别并创建所有不同的组件，识别并建立一个相互交互的平台，最后但并非最不重要的是，你必须处理所有的故障、崩溃和bug。
• 美容挑战： 如果你对细节很在行，那么开发和设计计算器将是一个很好的起点，因为计算器本身不应该占用很多空间，但它有几个按钮可以容纳，在设计时，你还必须考虑可读性和整体用户体验，因为这是你的工作第一 用户界面项目 .

对已完成项目的一瞥

看起来不错？那我们就开始旅行吧。快乐编码。

ReactJS |计算器应用程序（结构）