Question

目前正在开发一个带有来自蓝牙库的实时数据流的反应原生应用。因此，我需要一个不断渲染自己的图表here（如果有人可以建议一个类似的图书馆那么棒），但代码写的是html＆amp; JavaScript的。因为React＆amp;和React之间存在冲突。 d3在这种情况下为d3.selection库。我根据this article尝试绕过它。我尝试将其转换为反应本机代码，但选择库不起作用，我找不到任何使用反应原生d3.selection的例子。我想知道d3选择是否支持本机反应。这是我得到的错误是this.querySelectorAll不是一个函数，感谢任何人都可以帮助我，这是我需要工作的代码。

select(node)
  .selectAll("rect")
  .data(this.props.data)
  .style("fill", "#fe9922")
  .attr("x", (d, i) => i * 25)
  .attr("y", d => this.props.size[1] - yScale(d))
  .attr("height", d => yScale(d))
  .attr("width", 25);

Answer 1

有两种方法使d3与react-native一起使用。一种是使用react-native ART，另一种是使用react-native-svg的SVG。对于某些3D图形，react-native-svg效果更好。您可以在d3选择中使用refs属性来引用svg。

反应原生和反应d3选择库

1 个答案: