React Base Fiddle (JSX)

Starting point for creating JSFiddles with React.

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
  <script src="https://rawgit.com/andreasplesch/aframe-meshline-component/master/dist/aframe-meshline-component.min.js"></script>
</head>
<script type="text/javascript">
  AFRAME.registerComponent("foo", {
    init: function() {
      console.log("bar")
      this.el.addEventListener("click", (e) => {
        console.log(this);
        outer()
      })
    }
  })

</script>

<div id="container">
  <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

class Scene extends React.Component {

  render() {
    return <a-scene cursor="rayOrigin:mouse"> <a-box position = "0 1 -3" color="red" foo></a-box> </a-scene>;
  }
}
function outer() {
	console.log("hello")  
}

ReactDOM.render(
  <Scene/>,
  document.getElementById('container')
  
);