Demo React

井字棋游戏

React 哲学

使用 TypeScript

描述 UI

React 交互

React 状态管理

React 脱围机制

demo-react
React 交互
界面上的控件会根据用户的输入而更新。例如,点击按钮切换轮播图的展示。在 React 中,随时间变化的数据被称为状态(state)。你可以向任何组件添加状态,并按需进行更新。在本章节中,你将学习如何编写处理交互的组件,更新它们的状态,并根据时间变化显示不同的效果。

如何响应事件?



State:组件的状态

Homenaje a la Neurocirugía

(1 of 12)

A bronze statue of two crossed hands delicately holding a human brain in their fingertips.

渲染和提交


state 如同一张快照

To: 

5 秒后发送,但内容是发送时的状态数据。

把一系列 state 更新加入队列

Score: 0

 

更新 state 中的对象(运用 '...' 展开语法复制对象)

Blue Nana by Niki de Saint Phalle
(located in Hamburg)

Blue Nana

更新 state 中的数组

Art Bucket List

My list of art to see: