如何在反应本机中刷新 SVG 图表

Question

我在我的反应原生项目中集成了SVG图表。在初始化时它的工作，但是当数据来自服务器并且我试图更新图表时，它不起作用。

我试过这个链接：https://github.com/julienkermarec/react-native-line-chart

<LineChart onPressItem={this.selectChart} animated={true} animationDuration={10} height={50} width={this.getChartWidth()} chart={this.state.chart} />

Answer 1

First

在渲染函数上方创建引用

let ref = React.createRef();
return (
    <StyleProvider style={getTheme(material)}>

第二

将该引用设置为折线图组件

<LineChart
    ref={ref}
    // some attrs... 
</LineChart>

Answer 2

对

实时数据使用状态变量：

const [data, setData] = useState();

因此，每当使用 setData 和数据更改时，折线图组件都将重新调整。