Best Practices

All React components must have a name that starts with a capital letter.
When passing in numbers as properties, enclose the numbers in curly brackets
When you use the arrow function short syntax you need to use brackets (not curly brackets)
When calling class member methods from inside the render function you need to enclose them in curly brackets.

save your component files with ".js" extension
no inline event handlers
what project layout should be have