O tutorial do ReactJS.NET MVC não funciona?
Estou tentando configurar um novo projeto no Visual Studio que será o MVC 5 com um aplicativo de página única escrito em ReactJS. Então eu seguio guia no site do ReactJS.
Cheguei à primeira parte em que você executa o projeto e recebi um erro de sintaxe por causa do JSX (o navegador parecia querer interpretá-lo como JavaScript vanilla, o que faz todo o sentido). Então eu adicioneitype="text/jsx"
para a tag de script.
No total, meu HTML / JSX fica assim:
Saída HTML pela visualização Razor
<!doctype html>
<html>
<head>
<title>Hello React</title>
</head>
<body>
<div id="content"></div>
<script src="http://fb.me/react-0.12.2.js"></script>
<script type="text/jsx" src="/Scripts/Tutorial.jsx"></script>
</body>
</html>
Tutorial.jsx
var CommentBox = React.createClass({
render: function() {
return (
<div className="comment-box">
Hello, world! I am a CommentBox.
</div>
);
}
});
React.render(
<CommentBox />,
document.getElementById('content')
);
Eu não entendo - o que fiz de errado? Eu segui o tutorial até a carta, além de adicionartype="text/jsx"
para a tag de script. Estou assumindo que algo precisa ser incluído para lidar com a transformação do JSX em JS vanilla, mas o tutorial não parece mencionar isso.
Não estou recebendo nenhum erro no console das Ferramentas do desenvolvedor do Chrome.