soy nuevo en esto de React, estoy tratando de hacer funcionar un ejemplo muy sencillo pero no hay caso. Este es mi código:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
<!-- The core React library -->
<script src="https://unpkg.com/react@15.3.2/dist/react.js"></script>
<!-- The ReactDOM Library -->
<script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.js"></script>
<script type="text/jsx" src="./lander.js"></script>
</head>
<body>
<div id="container"></div>
</body>
</html>
lander.js
function formatName(user) {
return user.firstName + ' ' + user.lastName;
}
const user = {
firstName: 'Harper',
lastName: 'Perez'
};
const element = (
<h1>
Hello, {formatName(user)}!
</h1>
);
ReactDOM.render(
<h1>Hola</h1>,
document.getElementById('container')
);
Cuando voy a la página no se muestra absolutamente nada. Logré hacerlo funcionar cambiando los scripts que tengo por
<script src="http://fb.me/react-0.12.2.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
Y funcionaba, pero se supone que los que estoy importando ahora son los originales que aparecen en la propia página de React. ¿Dónde estoy comentiendo el error?
Desde ya muchas gracias