2016-06-15 18 views
0

Ich benutze WebStorm 2016.1.3 mit ReactJS. In meinem JSX-Code möchte ich IDE-Autovervollständigung für Tags verwenden, aber es funktioniert falsch.WebStorm 2016.1.3 Attribute falsch Autovervollständigen

IDE schlagen mir onchange=""

enter image description here

aber ich brauche onChange={}. Dieses Problem gibt es auch in anderen Attributen.

Ich habe versucht, "React Templates" Plugin zu verwenden, aber es behebt das Problem nicht. Irgendwelche Ideen, wie man es beheben kann?

+2

Installieren Sie react.d.ts im Projekt oder verwenden Sie WS 2016.2 EAP – anstarovoyt

+0

Vielen Dank für Ihre schnelle Antwort! Aber können Sie erklären, warum es das Problem beheben wird? Wie ich verstehe, schlagen Sie vor, TypeScript zu verwenden, aber im Moment ist mein Code nicht TS. Kannst du deine Idee klären? Vielen Dank. – WebBrother

+0

WS 2016.1 hat keine Informationen über React-Attribute (onchange ist ein regulärer HTML-Attirubute). Aber wenn Sie die Datei react.d.ts haben, verwendet WS Informationen von 'react.d.ts' für die Bereitstellung der Attribute (in JavaScript & Typoskript). Weitere Informationen finden Sie unter https://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/ – anstarovoyt

Antwort

1

Problem: WebStorm vorschlagen ‚onclick‘ statt der richtigen reagieren Attribut ‚onClick‘ (und das gleiche Verhalten für andere Ereignisattribute Onchange, etc ..) + gibt es keine Ergänzung für spezielle Nicht-DOM-Attribute ‚key‘, 'ref'.

WebStorm 2016.2 (EAP im Moment) löst das Problem.

Wenn Sie richtige Attribute für WebStorm Version < 2.016,2 Sie hinzufügen können, um das Projekt ‚react.d.ts‘ Datei oder installieren zu wollen ‚reagieren‘ externe Bibliothek (hier weitere Informationen siehe: WebStorm Blog: Working with ReactJS in WebStorm: Coding Assistance). Außerdem wird die Code-Vervollständigung mit der Bibliothek viel besser sein.