Why won't my nested React components render?

Question

I\'m having a problem with my React component. The nested children of my component ControlPanel don\'t seem to be rendering. Here is my code:

cl         


        

Answer 1

function FancyBorder(props) {
  return (
    

      {props.children}
    
  );
}

export default function WelcomeDialog() {
  return (
    
        

           Welcome
        
        

           Thank you for visiting our spacecraft!
        
    
  );
}

Anything inside theJSX tag gets passed into the FancyBorder component as childrenprop. Since FancyBorder renders {props.children} inside a

, the passed elements appear in the final output.

This is what I was looking after, check it out here https://reactjs.org/docs/composition-vs-inheritance.html

0 讨论(0)

查看其它5个回答

发布评论:

提交评论

---

•  加载中...