Can we include one or more self closing components in one main App.js file

Question

Can we include one or more self closing components in one main App.js file in reactjs

I just created one react app i just wanted to include one more in one file(self closing component thing) means i created one component card.js and after that i included that component in main(App.js) file can i include another navbar.js component in that file .i did that but not showing anything it showing as it is means previous component things displays but another second file component not showing why this happening .??

Does this answer your question?https://stackoverflow.com/questions/30373343/reactjs-component-names-must-begin-with-capital-letters — keikai, Mar 27 '20 at 09:23

score 2 · Accepted Answer · answered Mar 27 '20 at 09:22

2

You component needs to be rendered in a way that their names start with first letter as uppercase. You can have as many self closing elements as you want within a component

import Social from './components/social';
function App() {
  return (
     <div>
       <Jumbotron />
       <Social />
     </div>
  )
}

answered Mar 27 '20 at 09:22

Shubham Khatri

270,417
55
406
400

1

it worked i am trying using small case but as you said it needs to be in firs letter in capitalcase it worked upvoted/appreciated – krishna kakade Mar 27 '20 at 12:49
1

Glad to have helped – Shubham Khatri Mar 27 '20 at 12:55
1

Your Answer approved – krishna kakade Apr 07 '20 at 06:26

score 1 · Answer 2 · answered Mar 27 '20 at 09:34

1

Try with a capital letter, otherwise the component will not be rendered correctly, as Shubham Khatri has shown in the example

answered Mar 27 '20 at 09:34

ShrewdStyle

500
2
5
14

My Question is related to fragments in reactjs find more things here https://reactjs.org/docs/fragments.html – krishna kakade Apr 20 '20 at 09:44

Can we include one or more self closing components in one main App.js file

2 Answers2