React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components. React具有强大的组合模型，我们建 ...

Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let’s see ...

HTML form elements work a little bit differently from other DOM elements in React, because form elements naturally keep some internal state. For examp ...

First, let’s review how you transform lists in JavaScript. 首先，我们来看看如何在JavaScript中转换列表。 Given the code below, we use the map() function to take an arra ...

In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of you ...

Handling events with React elements is very similar to handling events on DOM elements. There are some syntactic differences: 使用React元素处理事件与处理DOM元素上的事 ...

Consider the ticking clock example from one of the previous sections. 考虑上一节的秒表时钟示例。 So far we have only learned one way to update the UI. 到目前为止，我们只学到了 ...

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. 组件让您将UI拆分成独立的可重复使用的部分，并单独考虑重复每个部分。 Concept ...

Elements are the smallest building blocks of React apps. 元素是React应用程序中最小的构建块。 An element describes what you want to see on the screen: 一个元素描述您想要在屏幕上看到 ...

Consider this variable declaration: 考虑这个变量声明： 1const element = <h1>Hello, world!</h1>; This funny tag syntax is neither a string nor HTML. ...