2016-06-15 26 views
0

我使用WebStorm 2016.1.3和ReactJS。在我的JSX代碼中,我想使用IDE自動完成標記,但它工作不正確。WebStorm 2016.1.3反應屬性錯誤自動完成

IDE建議我onchange=""

enter image description here

但我需要onChange={}。 這個問題也存在於另一個屬性中。

我試圖使用「React Templates」插件,但它仍不能解決問題。 任何想法如何解決它?

+2

在項目中安裝react.d.ts或使用WS 2016.2 EAP – anstarovoyt

+0

感謝您的快速回答!但是,你能解釋爲什麼它能解決這個問題嗎?據我瞭解你建議使用TypeScript,但目前我的代碼不是TS。你能清楚你的想法嗎?謝謝。 – WebBrother

+0

WS 2016.1沒有關於react屬性的任何信息(onchange是一個普通的html attirubute)。但是如果你有react.d.ts文件,WS使用來自'react.d.ts'的信息來提供屬性(在javascript&typescript中)。有關更多信息,請參見https://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/ – anstarovoyt

回答

1

問題:WebStorm建議「onclick」,而正確的反應屬性「onClick」(和其他事件相同的行爲的onchange屬性,等等。)+沒有完成特殊的非DOM屬性「key」, 'ref'。

WebStorm 2016.2(EAP目前)解決了這個問題。

如果你想獲得WebStorm版本< 2016.2的正確屬性,你可以添加到項目'react.d.ts'文件或者安裝'react'外部庫(在這裏查看更多信息:WebStorm Blog: Working with ReactJS in WebStorm: Coding Assistance)。此外,圖書館的代碼完成會更好。