react.dev/content/home/examples/a-simple-component.md

---
title: A Simple Component
order: 0
domid: hello-example
---

React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.

**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
Shift out examples content 7 years ago			`---`
			`title: A Simple Component`
			`order: 0`
Clarify DOM container in homepage examples (#1526) 6 years ago			`domid: hello-example`
Shift out examples content 7 years ago			`---`

			React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.

babel-repl:// protocol changed to babel:// 7 years ago			`JSX is optional and not required to use React. Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.`