Need help with Create a component with composition - React

JavaScript
1

Challenge: https://learn.freecodecamp.org/front-end-libraries/react/create-a-component-with-composition
I got stuck in a challenge at the path of learning React. That’s I wasn’t expecting.
Please give me the solution to this challenge. I tried to solve this challenge many times. But failed to succeed. Please help me to solve this challenge.

The code I tried-

const ChildComponent = () => {
  return (
    <div>
      <p>I am the child</p>
    </div>
  );
};

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <h1>I am the parent</h1>
        { /* change code below this line */ }
        {ChildComponent()}
        { /* change code above this line */ }
      </div>
    );
  }
};
3

I’ve updated the question with the code I tried. Please check it again.
Thanks for your suggestions :slight_smile:

5

Thank you very much for your reply. I have understood the fact.
I have to include the component name written as a custom HTML tag in the JSX to render a component.

Regards