{"commit":{"authorName":"Cheng Lou","authorEmail":"chenglou92@gmail.com","authoredAt":"2013-10-23T16:08:59-04:00","subject":"entry on `false` behavior","revision":"c235ec74212d0e173002572c5023d0c74e57eb8b","shortRevision":"c235ec7421"},"files":[{"path":"docs\/cookbook\/13-false-in-jsx tip.md","status":"A"},{"path":"docs\/cookbook\/13-false-in-jsx.md","status":"A"}],"patch":"diff --git a\/docs\/cookbook\/13-false-in-jsx tip.md b\/docs\/cookbook\/13-false-in-jsx tip.md\nnew file mode 100644\nindex 0000000000..a419c0af13\n--- \/dev\/null\n+++ b\/docs\/cookbook\/13-false-in-jsx tip.md\t\n@@ -0,0 +1,29 @@\n+---\n+id: false-in-jsx-tip\n+title: False in JSX\n+layout: cookbook\n+permalink: initial-ajax.html\n+prev: initial-ajax.html\n+---\n+\n+Here's how `false` renders in different contexts:\n+\n+Renders as `id=\"false\"`:\n+```js\n+\/** @jsx React.DOM *\/\n+React.renderComponent(

, mountNode);\n+```\n+\n+String \"false\" as input value:\n+```js\n+\/** @jsx React.DOM *\/\n+React.renderComponent(, mountNode);\n+```\n+\n+No child:\n+```js\n+\/** @jsx React.DOM *\/\n+React.renderComponent(

{false}<\/div>, mountNode);\n+```\n+\n+The reason why this one doesn't render as the string `\"false\"` as a `div` child is to allow the more common use-case: `

{x > 1 && You have more than one item}<\/div>`.\ndiff --git a\/docs\/cookbook\/13-false-in-jsx.md b\/docs\/cookbook\/13-false-in-jsx.md\nnew file mode 100644\nindex 0000000000..9c5ac43872\n--- \/dev\/null\n+++ b\/docs\/cookbook\/13-false-in-jsx.md\n@@ -0,0 +1,32 @@\n+---\n+id: false-in-jsx\n+title: False in JSX\n+layout: cookbook\n+permalink: initial-ajax.html\n+prev: initial-ajax.html\n+---\n+\n+### Problem\n+How does `undefined` and `false` behave as attribute value and as child component?\n+\n+### Solution\n+Renders as `id=\"false\"`:\n+```js\n+\/** @jsx React.DOM *\/\n+React.renderComponent(

{false}<\/div>, mountNode);\n+```\n+\n+### Discussion\n+The reason why the last one doesn't render as the string `\"false\"` as a `div` child is to allow the more common use-case: `

{x > 1 && You have more than one item}<\/div>`.\n","body":"","parents":["6e28818ba99a5df2cb2ab5194301e65b522fbd54"]}

dillon1000/react

Files changed