我说我有一个React组件（目前基于类，是的，我应该开始使用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插件