amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-24 20:53:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

new entry on self-closing tag

Browse Source
This commit is contained in:
Cheng Lou
2013-09-27 02:32:59 -04:00
committed by Connor McSheffrey
parent aa38740189
commit 9ccee7f475
2 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
cookbook/cb-04-self-closing-tag tip.md Normal file
View File

@@ -0,0 +1,11 @@
---
id: self-closing-tag
title: Self-Closing Tag
layout: docs
permalink: inline-styles.html
script: "cookbook/inline-styles.js"
---
In JSX, `<MyComponent />` alone is valid while `<MyComponent>` isn't.
Related: every React component can be self-closing where it makes sense: `<div/>`.

16
cookbook/cb-04-self-closing-tag.md Normal file
View File

@@ -0,0 +1,16 @@
---
id: self-closing-tag
title: Self-Closing Tag
layout: docs
permalink: inline-styles.html
script: "cookbook/inline-styles.js"
---
### Problem
You're getting a parsing error (unexpected token) from JSX.
### Solution
One of the reasons might be that you didn't put a `/` for your self-closing tags. `<MyComponent />` is valid while `<MyComponent>` isn't.
### Discussion
Every React component can be self-closing where it makes sense: `<div/>`.