0

Soy nuevo en esto de jsfiddle, realicé un holamundo en React de lo mas sencillo pero no se ejecuta, ¿A qué se debe este error?, tomé el ejemplo de este jsfiddle ¿Cómo puedo solucionarlo?, el código es idéntico pero no imprime el resultado. Me podrían ayudar.

2
  • si no muestras lo que has intentado no podemos ayudarte sin saber el error. puedes editar la pregunta y colocar tu codigo? el 20 dic. 2017 a las 15:45
  • Te puse la liga de el archivo jsfiddle Santiago, donde se encuentra 'holamundo'. el 20 dic. 2017 a las 15:46

3 respuestas 3

4

Comprueba que has elegido los mismos External Resources:

  • react.development.js
  • react-dom.development.js

A mí me pasó lo mismo con AngularJS

Tu proyecto

Cómo deberías tener el proyecto

1
  • Te agaradezco por el comentario, ya por fin me quedo. Gracias a todos por el apoyo, a seguirle dando el 20 dic. 2017 a las 16:38
1

Como dicen en las respuestas anteriores te faltan las extensiones externas y cambiar la ventana de JS por BABEL + JSX, ademas estas haciendo mal el render() el contenido va dentro de llaves render(){/* contenido */} y debes realizar el return, y en el ReactDOM.render() tienes la sintaxis erronea de tal manera que lo haces asi React.DOM.

0

Te faltan los external resources en el JsFiddle, en otras palabras los recursos externos. Sin eso no te va a funcionar el ejemplo.

Puedes agregarlos en las pestañas de la izquierda External Resources, o directamente desde el código haces referencia a ellos.

https://unpkg.com/[email protected]/umd/react.development.js

https://unpkg.com/[email protected]/umd/react-dom.development.js

JsFuncionando

https://jsfiddle.net/qjg4p1dy/33/

introducir la descripción de la imagen aquí

Ahora bien el código que escribiste tiene varios errores por ejemplo:

introducir la descripción de la imagen aquí

Acostumbrate a usar la consola, para poder revisar tu código. Yo utilizo Google Chrome.

2
  • me podrías decir cuales archivos externos, el hola mundo funcional tiene los mismos archivos que el mio. O donde irían? Te agradezco el 20 dic. 2017 a las 15:50
  • Actualicé mi respuesta. el 20 dic. 2017 a las 15:58

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.