Cross-link more articles

This commit is contained in:
Dan Abramov
2018-06-11 02:01:34 +01:00
parent a788a28708
commit c70187cdbf
3 changed files with 4 additions and 6 deletions

View File

@@ -16,7 +16,7 @@ prev: rendering-elements.html
next: state-and-lifecycle.html
---
Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a [detailed component API reference here](/docs/react-component.html).
Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen.

View File

@@ -15,7 +15,7 @@ redirect_from:
- "tips/use-react-with-other-libraries.html"
---
[Components](/docs/components-and-props.html) let you split the UI into independent, reusable pieces, and think about each piece in isolation. React provides a `React.Component` base class to let you define encapsulated components that may contain [local state and handle lifecycle events](/docs/state-and-lifecycle.html).
This page contains a detailed API reference for the React component class definition. It assumes you're familiar with fundamental React concepts, such as [Components and Props](/docs/components-and-props.html), as well as [State and Lifecycle](/docs/state-and-lifecycle.html). If you're not, read them first.
## Overview

View File

@@ -7,11 +7,9 @@ prev: components-and-props.html
next: handling-events.html
---
Consider the ticking clock example from [one of the previous sections](/docs/rendering-elements.html#updating-the-rendered-element).
This page introduces the concept of state and lifecycle in a React component. You can find a [detailed component API reference here](/docs/react-component.html).
So far we have only learned one way to update the UI.
We call `ReactDOM.render()` to change the rendered output:
Consider the ticking clock example from [one of the previous sections](/docs/rendering-elements.html#updating-the-rendered-element). In [Rendering Elements](/docs/rendering-elements.html#rendering-an-element-into-the-dom), we have only learned one way to update the UI. We call `ReactDOM.render()` to change the rendered output:
```js{8-11}
function tick() {