React native 使用xstream和react原生svg图表将数据从流打印到图形中

我是个新手，所以如果我的解释不好，请原谅

我正在尝试制作一个应用程序，该应用程序获取可编辑的数据，并在接收时将其绘制到图形上。当使用“xstream”包接收数据时，数据被放入流中，然后使用“stream to array”包将数据放入数组中，我使用的图形库是“react native svg charts”

到目前为止，我正在努力测试从流中获取数据并将其格式化为图形的能力，因为即使流中有数据，也没有显示任何内容

从“React”导入React；
从“react native svg charts”导入{LineChart，Grid}；
从“xstream”导入xs；
var toArray=require（“流到数组”）；
常数集=[10,20,30,40]；
var stream=xs.fromArray（set）；
var数据=[]；
stream.addListener({
下一步：（i）=>console.log（i），
错误：（err）=>控制台错误（err），
});
toArray（流、函数（错误、数据）{
ok（Array.isArray（data））；
});
类图扩展了React.PureComponent{
render（）{
返回(
);
}
}
导出默认图形你能展示一下你试过的代码吗？我已经更新了帖子，加入了代码