如何在 Plotly Dash 中创建两个带有两个独立输入的独立按钮？

Question

我需要的很简单

一个打印“A”的按钮。

另一个打印“B”的单独按钮。

两个按钮毫无关联。

如何使用两个单独的回调在 plotly dash 中执行此操作？

Answer 1

构建了这个最小的例子。我发现 callback 需要 Output
直接使用了Div来满足这个要求

from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State

# Build App
app = JupyterDash(__name__)
app.layout = html.Div(
    [
        html.Button("Button A", id="button-a", n_clicks=0),
        html.Button("Button B", id="button-b", n_clicks=0),
        html.Div(id="out-a"),
        html.Div(id="out-b"),
    ],
)

@app.callback(
    Output("out-a", "children"),
    Input("button-a", "n_clicks"),
)
def buttonA(nClicks):
    print("button A")
    return None

@app.callback(
    Output("out-b", "children"),
    Input("button-b", "n_clicks"),
)
def buttonB(nClicks):
    print("button B")
    return None



# Run app and display result inline in the notebook
app.run_server(mode="inline")

如何在 Plotly Dash 中创建两个带有两个独立输入的独立按钮？

How can I create two separate buttons with two separate inputs in Plotly Dash?

python

plotly

plotly-dash

plotly-python