Component development: render three times

Dash Python
1

When I was developing a component, for some unknown reason, the component output render three times every time I clicked it.

image
image1904×312 18.1 KB

my src/lib/components/*.react.js:

image
image1043×708 46.7 KB

And my usage.py

import dash_toastify
from dash import Dash, callback, html, Input, Output

app = Dash(__name__)

app.layout = html.Div([
    dash_toastify.DashToastify(
        id='output',
        label = "a",
    ),
    html.Button("show error",id='click')
])


@callback(Output('output', 'label'), Input('click', 'n_clicks'))
def display_output(value):
    print(1)
    return "s"


if __name__ == '__main__':
    app.run_server(debug=True)
2

When you run in debug mode, the code is run mutiple times. Try setting debug to false.

3

Hello, I set debug = False and still the same thing.

4

This happened to me in the past two days, and it didn’t seem to happen before. Do you need me to send all code for you to see? The example is very simple, just change a few lines of code.