Reactjs 将JSX和功能块与父括号或父标记分开

假设我有一个React组件（现在基于类，是的，我应该开始使用hooks=D）

类应用程序扩展组件{
状态={
某个国家：“
}  
render（）{
返回(
标题
主要
页脚
)
}
}

现在我正在使用vimvscode，所以我经常使用

shift+[

或

shift+]

现在假设我需要删除

state = {
  someState: ""
}

对我来说，我认为删除第一部分的最佳方式是

d+shift+[

如果我的光标在

  state = {
    someState: ""
  }[Cursor]

但它最多会删除

类应用程序扩展组件

同样的情况也适用于JSX

如果我只想删除页脚

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

我不想要这种行为

---

因此，我很想知道任何更漂亮的配置或vim插件可以帮助我做这些事情

您是否尝试过将光标移动到

页脚

和

dit

？谢谢，实际上我想从

页脚

中删除整个页脚内容而不是页脚文本忘记了它的名字，也不知道如何在VSCODE中使用它。在这种情况下，

dat

应该可以工作。它在neovim上可以工作，没有插件。但是它不工作

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