我可以在react元素中獲取特定CSS屬性的值嗎？

Question

我是編碼的初學者。

我遇到了在react中可以根據條件動態設置樣式的場景。

style={{display:index > this.state.indexVal ? 'inline': 'none',}}

我可以將上述概念用於獲取當前元素css的一個屬性值並基於該屬性值更改其他元素嗎？

期待這樣的事情

 style={{display: currentElement.backgroundColor === 'red ? 'inline': 'none',}}

Answer 1

這不是執行這種檢查並直接訪問元素的反應方式。 由於您想“知道”可以更改的組件狀態（在您的情況下，某些元素的背景色）-您應將其保存為組件狀態（如果從父組件控制它，則應從父元素傳遞給組件props）。 然后，您將可以在狀態或道具中檢查此值。

您可以使用React Refs直接訪問某些元素，但這是一種不好的做法，只有在您100％無法使用props / state做到這一點時，才應該這樣做： https : //reactjs.org/docs/refs-and- the-dom.html