Отделите JSX и функциональные блоки от родительских скобок или родительского тега - PullRequest
Новая
       23

Отделите JSX и функциональные блоки от родительских скобок или родительского тега

0 голосов
/ 06 ноября 2019

скажем, у меня есть React Component (класс на данный момент, да, я должен начать использовать hooks = D) 

class App extends Component {
  state = {
    someState: ""
  }  

  render() {
    return (
      <View>
        <View>
          <Text>Header</Text>
        </View>

        <View>
          <Text>Main</Text>
        </View>

        <View styles={styles.footer}>
          <Text>Footer</Text>
        </View>
      </View>
    )
  }
}

Теперь я использую vimvscode , поэтому я использую shift + [ или shift + ] много;

теперь, скажем, мне нужно удалить 

state = {
  someState: ""
}

для меня, я думаю, лучший способ удалить эту часть я d + shift + [, если мой курсор находится на 

  state = {
    someState: ""
  }[Cursor]

, но будет удалено до class App extends Component

То же самое относится к JSX

, если я хочу удалить только нижний колонтитул 

<View styles={styles.footer}>
  <Text>Footer<Text>
</View>

с d + shift + ], если мой курсор находится на:

, он удалит все до: 

        <View styles={styles.footer}>
          <Text>Footer</Text>
        </View>
      </View>
    )
  }
}

Я не хочу, чтобы это поведение,

так что я хотел бы знать любую красивую конфигурацию или плагин vim , которая может помочь мне сделать эти вещи

...