反応しないネイティブでは、閉じられていないjsxタグを見つけることは可能でしょうか？ eslintのような静的解析の線に沿って考えています。

Question

たとえば、以下のコードブロックは、エレガントに失敗せず、eslint（eslint-plugin-reactと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 /> 

これは、事実の後に数え切れないほどの予期しないトークンで失敗します。 TouchableHighlightの欠けている終了タグをキャッチする方法はありますか？

Answer 1

airbnbの設定は、閉じられていないJSXタグ

私がAirbnbのeslintの設定を使用したい

をキャッチ。それは非常に賛成しており、あなたが求めている以上のものかもしれません。 Check it outあなたが好きな場合は、ライナーを1つ作成してプロジェクトに簡単に追加できます。

はちょうど私のeslintはすぐにそれをキャッチプロジェクトのルート

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