react svg

[sight011]

Hi,

ich würde gerne diesen simplen svg Pfad in ein Projekt einfügen:

import React from 'react';

export default class App extends React.Component {
  render() {
   return (
     <svg>
       <circle cx={50} cy={50} r={10} fill="red" />
     </svg>
   )
  }
}

Per Default steht in dem Projekt dies:

/**
* Drag the layer from layers list
* on the right to insert its getter
*
*
* module.exports = function (adPlayer) {
*     adPlayer.ready(function () {
*         var colors = ["red", "pink", "blue", "green"];
*         // lets listen to cube ad's rotate event..
*         this.get("ab_1454590562300_15").on("rotate", (event) => {
*             // and change main unit background color whenever it rotates
*             this.get("ab_1454590562300_2").setProps({backgroundColor: colors[event.sideIndex]});
*         });
*     });
* });
*/

module.exports = function (adPlayer) {
    adPlayer.ready(function () {
     
    });
};

Wie bekomm ich das da jetzt rein?