SVG использует переменные с ReactJS

Question

Есть ли способ использовать переменные с SVG в ReactJS? Я хочу нарисовать ломаную линию, но точки всегда различаются, поэтому я могу использовать переменные для точек, но я не могу понять это.

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>
  )
}