如何在React生成的类名上使用querySelectorAll？

Question

我正在尝试找到一个选择器来从我的提要中选择推文。但是，Twitter正在使用React并生成随机的类名，例如：

#react-root > div > div > div > main > div > div.css-1dbjc4n.r-aqfbo4.r-1niwhzg.r-16y2uox > div > div > div > div > div.css-1dbjc4n.r-1jgb5lz.r-1ye8kvj.r-6337vo.r-13qz1uu > div > section > div > div > div > div:nth-child(9) > div > div > article > div.css-1dbjc4n.r-18u37iz.r-thb0q2 > div.css-1dbjc4n.r-1iusvr4.r-46vdb2.r-5f2r5o.r-bcqeeo > div.css-1dbjc4n.r-19i43ro > div.css-901oao.r-hkyrab.r-1qd0xha.r-a023e6.r-16dba41.r-ad9z0x.r-bcqeeo.r-bnwqim.r-qvutc0 > span

我试图找到一种模式来允许我检索推文。是否有一种方法可以检索由React生成的元素？

Answer 1

是，您可以使用此一个。

document.querySelectorAll(".css-901oao.r-hkyrab.r-1qd0xha.r-a023e6.r-16dba41.r- 
    ad9z0x.r-bcqeeo.r-bnwqim.r-qvutc0 > .css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r- 
    bcqeeo.r-qvutc0")

如果您写的是：

document.querySelectorAll(".css-901oao.r-hkyrab.r-1qd0xha.r-a023e6.r-16dba41.r- 
    ad9z0x.r-bcqeeo.r-bnwqim.r-qvutc0")

这将为您提供整个tweet块，因此您可以检索用户名，tweet_id等。第一个查询只会给您发推文。