0
我使用WebStorm 2016.1.3和ReactJS。在我的JSX代碼中,我想使用IDE自動完成標記,但它工作不正確。WebStorm 2016.1.3反應屬性錯誤自動完成
IDE建議我onchange=""
但我需要onChange={}
。 這個問題也存在於另一個屬性中。
我試圖使用「React Templates」插件,但它仍不能解決問題。 任何想法如何解決它?
我使用WebStorm 2016.1.3和ReactJS。在我的JSX代碼中,我想使用IDE自動完成標記,但它工作不正確。WebStorm 2016.1.3反應屬性錯誤自動完成
IDE建議我onchange=""
但我需要onChange={}
。 這個問題也存在於另一個屬性中。
我試圖使用「React Templates」插件,但它仍不能解決問題。 任何想法如何解決它?
問題: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)。此外,圖書館的代碼完成會更好。
在項目中安裝react.d.ts或使用WS 2016.2 EAP – anstarovoyt
感謝您的快速回答!但是,你能解釋爲什麼它能解決這個問題嗎?據我瞭解你建議使用TypeScript,但目前我的代碼不是TS。你能清楚你的想法嗎?謝謝。 – WebBrother
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