2016-05-31 327 views
-1

我得到這個錯誤不斷..我使用https://facebook.github.io/react/docs/thinking-in-react.html#step-5-add-inverse-data-flow,但是這個例子只在jsfiddle工作,當我粘貼該代碼在mvc的cshtml然後它顯示錯誤在線return (<tr><th。有沒有解決方案?獲取錯誤`未捕獲的SyntaxError:意外的令牌<`

+1

您是否安裝了[Babel](https://babeljs.io/docs/usage/babelrc/)? –

+0

@TomWalters否我剛剛安裝了react.js和react-dom.js .. – Dhara

+0

您是否使用webpack捆綁您的文件? – iamsaksham

回答

1

return (<tr><th - 包含JSX。 你的環境不知道如何處理JSX。在JSFiddle中,您可能選擇了Babel語言。 Babel將JSX轉換爲香草JavaScript(React.createElement(...))。

要了解JSX是如何運行的,您可以使用在線babel「試用」編輯器: http://babeljs.io/repl/。只需輸入一個jsx元素,你就會看到輸出。

你可以看看here看看如何將Babel集成到你的設置中。

+0

我知道它爲什麼顯示錯誤..我通過給你的鏈接安裝了babel ..有點懷疑我怎麼能給我的項目中的babel的參考?我通過'Install-Package React.Core'安裝了它。 – Dhara

+0

Babel設想在您的文件到達實際的瀏覽器解析之前運行您的文件並進行轉儲。您可以使用命令行來傳輸文件,也可以將這些文件提供給瀏覽器。或者,如果您使用的是構建系統(如webpack),則需要配置構建系統以使用它。 – omerts

相關問題