首先

你好！@Sicut_study在这里！

 

很高兴看到很多人阅读了这篇文章。这让我意识到React受到了许多初学者的关注。

如我之前多次提到的

如果要最快速度学习，那就尽快地开始创造一些东西。

我认为重要的是挑战名为“React应用100个练习”的项目。我们将逐渐增加难度，看看我们能够制作出多少个题目，并进行一次技巧测试。

这次我们将进一步应用状态管理，并尝试使用音效库播放音效。

请用中文在下面复述上题。

上一次的题目

 

React应用程序100个挑战规则

• 主要なライブラリやフレームワークはReactである必要がありますが、その他のツールやライブラリ（例: Redux, Next.js, Styled Componentsなど）を組み合わせて使用することは自由

 

• TypeScriptを利用する

 

要件をみたせばデザインなどは自由

04. 计时器

請問有什麼問題需要幫忙解答嗎？

我将创建一个计时器应用。

想要表达”目的”这个词，有以下几种说法：

1. 目标 (mù
2. 着眼点 (zhuó
3. 需求 (xū qiú)
4. 意图 (yì tú)
5. 用意 yì)

在计时器应用中，通过管理React的状态、生命周期方法和事件处理的实践，来巩固React的基础。

我們將學習一些函數，例如setTimeout，可在指定時間後執行某些操作。

达成条件 (dá

1. 用户可以输入分钟和秒数来设置定时器。

 

1. 当点击开始按钮时，倒计时就会开始。

 

1. 当时间到达0时，用户会收到通知（播放声音效果）。

 

1. 当点击暂停按钮时，倒计时会停止，再次点击恢复按钮后，倒计时会重新开始。

 

1. 当点击重置按钮时，定时器会恢复到设定的时间。

 

如果输入了无效的时间（例如：负数时间、非数字、超过60分钟的值），会显示错误消息。

我实际上试着解决了这个问题。

应用技术

• React

 

• TypeScript

 

• Vite

 

• Emotion

 

use-sound

回答时间：一个半小时。

我尝试实现了一个圆形进度条，这真的很困难。
而且我还尝试使用use-sound让它在倒计时到零时播放音效。
对于使用计时器的人来说，这是一个非常重要的功能。

下一次

 

最后

希望与各位一起努力地发布React100本练习的文章，如果您想要一起挑战，请关注 @Sicut_study，非常感谢。如果您已经读到这里，请帮忙点赞和收藏。

稍微做一下宣传?????

我希望能认真地对即将成为工程师的人进行辅导，挑战自己在三个月的时间内培养他们成为出色的工程师。

如果有人真心想成为工程师并接受辅导，我会很高兴如果可以在Twitter上收到像”请教我编程吧”这样的回复！！

这就是以上。
希望这周也要努力编写程序！

请给我提供参考。