Блог

Главная - Вопросы по программированию - Создание класса react с несколькими компонентами

Создание класса react с несколькими компонентами

#reactjs

#reactjs

Вопрос:

Я изучаю react и могу создавать компоненты в разных файлах js. Но я хотел бы знать, есть ли способ создать Main класс с sub1 и sub2 компонентами. И вызывайте компоненты, подобные этому 

 import Main from './dir/main';



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

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

Ответ №1:

Я думаю, вы можете попробовать что-то подобное, потому что у вас есть экземпляр, поэтому вам нужно окружить его

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



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

Комментарии:

1. Да, но я не знаю, как настроить основной класс

2. Вы могли бы попробовать добавить реквизиты: например: this.props.name и после <Main name=»Shaben» /> на самом деле это пример, но вы можете изменить его, чтобы быть лучше, и передать множество аргументов

3. или попробуйте с этим.state.value зависит от того, что вы хотите сделать