如何在 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_id 等。 第一個查詢只會給你推文文本。