Creating react class with several components

Question

I'm learning react and can create components in different js files. But I would like to know if there is a way to create Main class with sub1 and sub2 components. And call components like this

import Main from './dir/main';



export default class Settings extends React.Component {
    render () {
        return (
            <div>
                <Main.sub1>

                <Main.sub2/>
            </div>
        )
    }
}

LucasLaurens · Accepted Answer · 2019-04-03 14:10:17Z

1

I think you can try something like that because you have an instance so you have to surround it

import Main from './dir/main';
import React from 'react';



export default class Settings extends React.Component {
    render () {
        return (
           <>
            <div>
                <Main.sub1 />
                <Main.sub2 />
            </div>
          </>
        )
    }
}

answered Apr 3, 2019 at 14:10

LucasLaurens

2661 gold badge3 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Shahen Over a year ago

Yes, butu I don't know how to customize Main class

LucasLaurens Over a year ago

You could try to add props : like : this.props.name and after <Main name="Shaben" /> actually this is an example but you can to modify to be better and pass lots of args

LucasLaurens Over a year ago

or try with this.state.value depends what do you want to do

Collectives™ on Stack Overflow

Creating react class with several components

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related