61 "Working at CounsellorsWeb has been an incredible journey. The collaborative environment and the focus on innovation make every day exciting." – Jane Doe, Software Engineer
62 </blockquote>
63 <blockquote>
64 "The emphasis on continuous learning and professional development has helped me grow both personally and professionally." – John Smith, Project Manager65 </blockquote>
66 </section>
67
58 Don’t just take our word for it. Here’s what some of our employees have to say about working at CounsellorsWeb:
59 </p>
60 <blockquote>
61 "Working at CounsellorsWeb has been an incredible journey. The collaborative environment and the focus on innovation make every day exciting." – Jane Doe, Software Engineer62 </blockquote>
63 <blockquote>
64 "The emphasis on continuous learning and professional development has helped me grow both personally and professionally." – John Smith, Project Manager
The issue is raised because of missing or unescaped JSX escape characters. These characters would be injected as a text node in JSX statements, which might not be intentional. These won't throw any syntax or runtime errors, but the rendered output will not be the same as expected.
For example, if one were to misplace their closing bracket (>
) in a tag:
<MyComponent
name="name"
type="string"
color="red"> {/* oops! */}
x="y">
Body Text
</MyComponent>
The body text of this would render as in the following example:
x="y">
Body Text
The above output is probably not what was intended. This issue requires that these particular JSX characters (example >
, {
, }
) are escaped if they appear in the body of a tag.
Another example is when one accidentally includes an extra closing brace.
<MyComponent>{'Text'}}</MyComponent>
The extra brace will be rendered, and the body text will be as below example:
Text}
This issue also checks for "
and '
, which might be accidentally included when the closing bracket (>
) is in the wrong place.
<MyComponent
a="b"> {/* oops! */}
c="d"
Intended body text
</MyComponent>
The preferred way to include one of these characters is to use the HTML escape code.
>
can be replaced with>
;"
can be replaced with"
;,&ldquo
;,"
or”
'
can be replaced with&apos
;,‘
,'
or’
}
can be replaced with}
;
Alternatively, you can include the literal character inside a subexpression (such as <div>{'>'}</div>
)
The characters <
and {
should also be escaped because it will be considered as an error to include those tokens inside a tag.
Bad Practice
<div> > </div>
<div>Multiple errors: '>> text </div>
Recommended
<div> > </div>
<div> {'>'} </div>