Custom ModeBar Button click uses old state values

modeBarButtonsToAdd: [{ name: 'customDownload', title: 'Download', icon: Plotly.Icons.disk, click: (div) => {console.log(div); console.log(chartState); console.log(chartData); } }

chartState is the Plotly state variable passed to the Plot element (data, layout, frames, config)
chartData is the raw data source that is used to generate the data traces for chartState
chartData gets updated during app cycle which updates chartState
All of the data outputs from click event are logged as point of init which has an empty data array, even the chart div that gets passed from the click function

カスタムの ModeBar ボタン設定と、chartState および chartData を受け取る React Plot コンポーネントから始めます。chartData の更新後にクリックを再現し、その後、callback と chart div がどの値を公開するかを追跡します。callback が初期化時の値ではなく、現在の state と data を報告すれば完了です。