How to rerender figure without page refresh?

So i have a chart that works perfect by default, but I have a button to add the data for a new trace. When clicked it updates the data but my figure/chart does not update/rerender/change. Ideally I want my new trace to be added to the figure when button is clicked, any advice on how to tackle this?

Here's my code:
<Plot data={chartData} layout={chartLayout} style={chartStyle} />
where chatData is the variable I'm updating with the data for the new trace

Thanks.

从报告中的 用法开始，跟踪按钮如何更新 chartData。将更新后的数据与组件的渲染行为进行比较；新增的 trace 无需刷新页面即可显示时，即表示完成。