我可以在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