SVG与ReactJS一起使用变量

Question

在ReactJS中是否可以在SVG中使用变量？我想画一条折线，但是这些点总是不同的，因此我可以为这些点使用变量，但似乎无法弄清楚。

Answer 1

在反应中绘制SVG不需要做任何特殊的事情，只要像其他JSX一样呈现它，并在需要时使用动态值（或来自props的值）即可。

render() {
  const cx = 10
  const cy = 10
  const r = 20

  return (
    <svg>
      <circle cx={cx} cy={cy} r={r} fill="red" />
    </svg>
  )
}