0
import React from "react";
import ReactDOM from "react-dom";
export class V_admin extends React.Component {
        constructor() {
        super();
    }

      render() {
      return (
        <option>
           Hola mundo!
        </option>
    )
  }
}

Lanza error:

Uncaught (in promise) ReferenceError: dom is not defined

Transpilando con babel:

dom(
    "option",
    null,
    "Hola mundo!"
  );

2 respuestas 2

0

No sé el contexto de lo que estás creando, pero con ver tu código creo que debería ser así:

import React from "react";
import ReactDOM from "react-dom";
export class V_admin extends React.Component {
    constructor() {
        super();
    }

    render() {
      return (
        <option>
           Hola mundo!
        </option>
    )
  }
}

ReactDOM.render(<V_admin/>, document.getElementById('root'))
2
  • He leido muchos foros y creo que es babel que no reconoce la importacion de react y react-dom, sin embargo sin solucion
    – user45608
    el 31 may. 2017 a las 21:43
  • es raro, yo he usado babel en otros foros y me permite hacer la importacion de react y react-dom sin problema. muestra tu configuracion.
    – jfergt
    el 2 jun. 2017 a las 5:13
0

Despues de hacer muchos tutoriales, en todos explican distinto, me sirvió como lo explican en este tutorial
medium.com/nodersec/webpack-babel-y-react-6b1f9353269
es decir instalé esto

npm install --save react react-dom 
npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react webpack webpack-dev-server 

e hice los imports como dice el tutorial y listo

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.