Как исправить: свойство children компонента представляет собой список списков, а не просто список с Plotly-da sh в Python - PullRequest
0 голосов
/ 20 июня 2020

Я пытаюсь создать простую веб-панель управления с помощью plotly и da sh. Вот структура, которую я пытаюсь получить:

app = dash.Dash(__name__)

def Build_home_page():
    """
    build_welcome_banner [summary]

    [extended_summary]

    Returns
    -------
    [type]
        [description]
    """    ""
    
    return [
        html.Div(
            id="banner",
            className="box",
            children=[
                html.Div(
                    id="welcome-user",
                    children=[
                        html.H1("WELCOME TO THE DATA SCIENCE"),
                        html.H1("AND MACHINE LEARNING PLATFORM"),
                        html.Hr(className="tickline"),
                        html.Br(),
                        html.P(id="welcome-text1",
                               children= [
                                   "That provides you with the tools that allow you to explore your data seemlessly and"
                                   ]),
                        html.P(id= "welcome-text2",
                               children= [
                                   "get actionable insights from your data and allows you to easily apply Machine learning models to make predictions with your data"
                                   ]),
                                ],
                        ),
                    ],
        ), 
        
        html.Div(
            id= "features",
            className= "features-box-model",
            children=[
                html.Div(
                    id= "feature-text",
                    children= [
                        html.Div("Features"),
                    ],
                ),
            ],
        ),
    ]


app.layout = html.Div(
    id="get-started-page",
    children=[
        Build_home_page(),
        
    ],
)


if __name__ == '__main__':
    app.run_server(debug=True,
                   use_reloader=False, 
                   port=8080)

Затем я получил следующую ошибку: The children property of a component is a list of lists, instead of just a list. Check the component that has the following contents, and remove one of the levels of nesting:

Что могло быть не так? Я проверил свой список и вроде все в порядке! У каждого ребенка есть список. Я не могу понять, в чем проблема

1 Ответ

0 голосов
/ 20 июня 2020

Вы дважды обернули дочерние элементы самого внешнего Div в список, как внутри Build_home_page, так и в определении макета, вы должны удалить один из них. Если удалить последнее, определение макета будет

app.layout = html.Div(
    id="get-started-page",
    children=Build_home_page()
)
...