Как использовать React with ASP.NET MVC

Question

Я хотел попробовать React и начал следовать учебнику here Взял интернет-шаблон, добавил необходимые ссылки на скрипт в _Layout.cshtml и разместил следующий скрипт в About.cshtml.

Этот код с '@' полукокс дает неприятности:

<script type="text/jsx"> 
    /** 
    * @jsx React.DOM 
    */ 
    // The above declaration must remain intact at the top of the script. 
    // Your code here 
</script> 

MVC говорит:

Название 'JSX' не существует в текущем контексте

Просьба указать некоторые указатели

С уважением.

Answer 1

Я только что выпустил ReactJS.NET, который позволяет легко скомпилировать JSX на JavaScript. С ReactJS.NET, вы можете поместить свой код в .jsx файл (скажем /Scripts/HelloWorld.jsx), а затем ссылаться на него с помощью тега сценария:

<script src="@Url.Content("~/Scripts/HelloWorld.jsx")"></script> 

Кроме того, ASP.NET пакетирования и Минимизация и Cassette ARE оба поддерживаются.

---

Оригинальный ответ (до 4 апреля 2014):

Вы должны избежать @, написав его дважды:

<script type="text/jsx"> 
    /** 
    * @@jsx React.DOM 
    */ 
    // The above declaration must remain intact at the top of the script. 
    // Your code here 
</script> 

Я сейчас работаю на некоторые вещи, чтобы сделать проще использовать React от ASP.NET, который должен выходить очень скоро. Это включает компиляцию на стороне сервера JSX (как «на лету», так и с помощью миниатюры и комбинации ASP.NET) и дополнительный серверный компонент React на стороне сервера. Будьте на связи!

Answer 2

Посмотрите мой проект, шаблон стартера для использования React в .NET.

https://github.com/pauldotknopf/react-dot-net

Этого проект решает многие проблемы, которые присутствуют в других проектах (NodeServices и ReactJS.NET), в том числе истинно изоморфных приложений с соответствующей маршрутизацией клиента/сервера.