In Reaktion nativ ist es möglich, nicht geschlossene jsx-Tags zu finden? Ich denke entlang der Linien der statischen Analyse wie eslint

Question

Zum Beispiel scheitert der untere Codeblock nicht elegant und eslint (mit eslint-plugin-react und eslint-plugin-react-native).

const challengeButton = user.button!==this.state.button ? (
    <TouchableHighlight 
     onPress={this.handleChallenge(user.username)} 
    > 
     <View> 
     <Text>Challenge</Text> 
     </View> 
    //missing </TouchableHighlight> 
) : <View /> 

Dies schlägt mit einem unerwarteten Token viele Zeilen nach der Tat. Gibt es eine Möglichkeit, das fehlende End-Tag für das TouchableHighlight abzufangen?

Answer 1

Die airbnb Config fängt unclosed JSX Tags

Ich mag die airbnb eslint Konfiguration verwendet werden. Es ist sehr eigensinnig und kann mehr sein, als Sie verlangen. Check it out und wenn Sie es mögen, habe ich einen One-Liner, den Sie verwenden können, um es leicht zu Ihrem Projekt hinzuzufügen.

Sie es einfach aus der Wurzel des Projekts laufen

npm install --save-dev eslint-config-airbnb babel-eslint eslint-plugin-react eslint && echo '\''{ extends: [airbnb], }'\'' > .eslintrc