diff --git a/guide/english/react/jsx/index.md b/guide/english/react/jsx/index.md index cf1b544b07..eac5255e4e 100644 --- a/guide/english/react/jsx/index.md +++ b/guide/english/react/jsx/index.md @@ -49,9 +49,19 @@ function who() { const greet =

Hello {who()}!

; ``` ### Only a single parent tag is allowed -A JSX expression must have only one parent element. We can have multiple elements nested within the parent element. +A valid JSX expression can only have one tag at the highest level. However, the tag at the highest level, or the parent, can have as many child tags as you wish. If you run into a situation where you need to create a JSX expression with two tags at the same level, they must be wrapped in a an enclosing tag. ```jsx +// This is invalid. +const tags = ( +

Hello World!

+

This is my special list:

+ +); + // This is valid. const tags = (
@@ -63,16 +73,6 @@ const tags = (
); - -// This is not valid. -const tags = ( -

Hello World!

-

This is my special list:

- -); ``` ### All Tags Must Be Closed