Create a Stateless Functional Component...........1

Create a Stateless Functional Component...........1
0

#1

Tell us what’s happening:

???

Your code so far


const MyComponent = function() {
  // change code below this line
return(
  <div JSX   /> 
);

  // change code above this line
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/react/create-a-stateless-functional-component/


#2

JSX is the syntax that lets you write stuff that looks like HTML inside a JS file, like

function MyCoponent() {
  return (<p>Hello</p>);
}

It’s not the literal word JSX.

And if you want to use the word “JSX” as the string of text it asks you to write, then the div you return still has to look like HTML, JSX has most of the same rules, you cant just jam the word in somewhere and hope it works.


#3
<div /> is like <div></div>

but

<div className="classname"/> is like <div class="classname"></div>

similarly 

<div jsx/> is like <div jsx></div>

but you need is 

<div>jsx</div>