Reactjs 图表未显示更新的数据

我使用过，它第一次显示了一个包含数据的图表。但每当我尝试使用新数据和数据集重新绘制时，它总是在图表上显示以前的图形数据

我尝试了以下解决方案：

还试图提供参考

但是，它仍然显示第一次加载的相同数据

显示图表的代码

 <Line
      data={graphData}
      redraw
      options={options}
      height="100px"
      weight="100px"
 />

我正在创建此数据的副本，然后在setGraphData（）中赋值。

---

任何人都可以帮我！提前谢谢你

没有看到代码，这里只有一个解决方案。提供图表组件的键，并在数据更新后更新键

<chart key={getKey()} data={data} />

---

这里唯一重要的是，如果数据被更新，getKey方法应该返回一个新值。stringify（data）是最简单的选项（我不确定将序列化数据作为键提供是否是一种好方法，但肯定会起作用）

重新呈现背后的问题是定义了一个函数来调用，后端API处理程序，并将数据分配给折线图

之前-不工作

useEffect(() => {
      ...
      the function which has code to call and fetch data from back-end API/handler
    }, []);

工作后

useEffect(() => {
       ...
       Code which calls back-end API/handler function to fetch data for graph
       ...
    }, []);

我还一直在重新绘制

<Line
     key={JSON.stringify(graphData)}
     data={graphData}
     redraw
     options={options}
     height="100px"
     weight="100px"
 />

如何更新数据？如果可能，请提供您的代码。提供图表组件的键，并在数据更新后更新键updated@yahyaparvar，我有一个下拉列表，在项目选择中，我在graphData的setGraphdata中设置数据。在其中，我在定义和初始化时指定了默认数据。我正在创建它的副本，然后分配。@CharchitKapoor是的，我已经更新了我的问题！我用一些代码更新了我的问题，还尝试使用getKey（）。将错误获取为“TypeError:data.map不是函数”。此外，我还为数据添加了代码段。@RHF请尝试，谢谢，它帮助我调试和检查数据。这解决了我在图表数据渲染中的问题。你能更新你的答案吗？这样我就可以把它作为解决方案来检查了！

useEffect(() => {
       ...
       Code which calls back-end API/handler function to fetch data for graph
       ...
    }, []);

<Line
     key={JSON.stringify(graphData)}
     data={graphData}
     redraw
     options={options}
     height="100px"
     weight="100px"
 />