How to create multi line componts react

September 14, 2022

Hi was was wondering how to make a multi line component instead of an component with a self closing that for example so i can add taggs html insde the commonent but i that i can reuse the from component for multiple forms

<Form>
  //Some text fields
</Form>

and the component

const Form = () => (
  <form>
    //Add here the tags inserted between the opening and closeing tag
  </form>
)

export default From;

>Solution :

You just need to render the children.

const Form = ({children}) => (
  <form>
    //Add here the tags inserted between the opening and closeing tag
    {children}
  </form>
)

export default Form;