React 教程:从头开始构建计算器应用程序
![](/images/tt/react.jpg) 在本教程中,我们将构建一个 React Calculator 应用程序。您将学习如何制作线框、设计布局、创建组件、更新状态和格式化输出。 ### 规划 由于我们将构建一个计算器应用程序,让我们选择一个学习范围不太复杂但也不太基本的范围来涵盖创建应用程序的不同方面。 我们将实现的功能包括: * 加、减、乘、除 * 支...
![](/images/tt/react.jpg) 在本教程中,我们将构建一个 React Calculator 应用程序。您将学习如何制作线框、设计布局、创建组件、更新状态和格式化输出。 ### 规划 由于我们将构建一个计算器应用程序,让我们选择一个学习范围不太复杂但也不太基本的范围来涵盖创建应用程序的不同方面。 我们将实现的功能包括: * 加、减、乘、除 * 支...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/9269f23762ddc1e237d5313a7d1758ef/9a85c1646787465bb29a91a81127b953.jpg.jpg "500.jpg") 在 [React](/React/)中进行开发涉及定义可重用组件并将它们...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/aabfcd8100e13b14ecd9c937e6be536c/2b1c8a0750004d6182c6d6bf89d40695.jpg.jpg "500.jpg") 在跳入 [React](/React/)之前,您是否了解足够的 [jav...
![](/images/tt/react.jpg) 语音命令不仅适用于 Google 或 Alexa 等助手。它们还可以添加到您的移动和桌面应用程序中,为您的最终用户提供额外的功能甚至乐趣。向您的应用程序添加语音命令或语音搜索非常容易。在本文中,我们将使用 Web Speech API 来构建语音控制的图书搜索应用程序。 ### Web Speech API 简介 在开始...
![](/images/tt/react.jpg) 制作一个计数器应用程序,当用户使用"功能"和"类"组件单击"添加"按钮时,该应用程序将增加计数数量。 功能组件:功能组件是在React中工作时会遇到的一些更常见的组件。这些只是JavaScript函数。我们可以通过编写JavaScript函数来创建React的功能...
Hook于2019年2月引入React,以提高代码的可读性。我们已经在之前的文章中讨论过React钩子,但是这次我们正在研究钩子如何与TypeScript一起工作。 ![](/images/tt/react.jpg) 在使用钩子之前,[React](/React/)组件曾经具有两种风格: * 处理状态的类 * 由其道具完全定义的功能 这些的自然用法是使用类构建复杂的容...
![](/images/tt/react.jpg) 随着[React](/React/)应用开发越来越普遍,对于初入行的童鞋来说,必须先打好基础,再深入学习。 今天分享下在[React](/React/)开发中的小应用:提交输入框input值。这种应用在平时项目中经常遇到,所以对于[Web前端](/)开发人员,必须熟练掌握。 ### 利用DOM提供的Event对象的tar...
![](/images/tt/react.jpg) 在本文中,我们将使用Electron和React创建一个简单的桌面应用程序。这将是一个名为" scratchpad"的小型文本编辑器,类似于FromScratch,它会在您键入时自动保存更改。我们将通过使用Electron Forge(Electron团队提供的最新构建工具)来确保应用程序的安全性。 E...
![](/images/tt/react.jpg) 毫无疑问,React彻底改变了我们构建用户界面的方式。它易于学习,极大地方便了创建可重用组件,从而为您的网站提供一致的外观。 但是,由于React只负责应用程序的视图层,因此它不执行任何特定的体系结构(例如MVC或MVVM)。随着您的React项目的发展,这可能很难保持您的代码库井井有条。 在9elements上,我们的...
![](/images/tt/react.jpg) 夜深了,安静了很多,分享点知识:react的两种动态改变css样式的方法。 动态添加class,以点击按钮让文字显示隐藏为demo。 ### 动态添加class,以点击按钮让文字显示隐藏为demo ``` import React, { Component, Fragment } from 'react'...