From 17f2c2613948ecfb94dcd36776b7c912af3a079f Mon Sep 17 00:00:00 2001 From: Michelle Todd Date: Mon, 16 Feb 2015 17:12:19 -0800 Subject: [PATCH] [Docs] Reword section on React without JSX Summary: This section was confusing. I reworded it from: "JSX is completely optional. You don't have to use JSX with React. You can create these trees through `React.createElement`. The first argument is the tag, pass a properties object as the second argument and children to the third argument." to: "JSX is completely optional; you don't have to use JSX with React. You can create React elements in plain JavaScript using `React.createElement`, which takes a tag name or component, a properties object, and variable number of optional child arguments." and additionally added another child element to the example code. Test Plan: Read the new paragraph! --- docs/docs/02-displaying-data.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/docs/02-displaying-data.md b/docs/docs/02-displaying-data.md index c652ed72d80a..36197071e387 100644 --- a/docs/docs/02-displaying-data.md +++ b/docs/docs/02-displaying-data.md @@ -100,11 +100,12 @@ The easiest way to get started with JSX is to use the in-browser `JSXTransformer ## React without JSX -JSX is completely optional. You don't have to use JSX with React. You can create these trees through `React.createElement`. The first argument is the tag, pass a properties object as the second argument and children to the third argument. +JSX is completely optional; you don't have to use JSX with React. You can create React elements in plain JavaScript using `React.createElement`, which takes a tag name or component, a properties object, and variable number of optional child arguments. ```javascript -var child = React.createElement('li', null, 'Text Content'); -var root = React.createElement('ul', { className: 'my-list' }, child); +var child1 = React.createElement('li', null, 'First Text Content'); +var child2 = React.createElement('li', null, 'Second Text Content'); +var root = React.createElement('ul', { className: 'my-list' }, child1, child2); React.render(root, document.body); ```