我需要显示一个react表单，通过函数中的一个prop传递给它一个颜色。
让颜色通过不是问题。
在某个地方，我需要将此颜色应用于表单的某些元素的样式。
document.getElementById("loginanchorlink").style.color = ctaColor;
document.getElementById("loginsubmitbutton").style.backgroundColor = ctaColor;
document.getElementById("loginsubmitbutton").style.borderColor = ctaColor;
document.getElementById("loginanchorforgot").style.color = ctaColor;我已经尝试了useEffect和useLayoutEffect钩子来做这件事，甚至是一个timer，但style属性还没有呈现，并返回null。
也许我是在用错误的方式做这件事。
我是新来的，所以请亲切一点：）
1条答案
按热度按时间ttygqcqt1#
当您在JSX中创建loginanchorlink和loginsubmitbutton（等等）时，您可以使用CSS传入CSS类名或样式参数（请参见此处：https://www.geeksforgeeks.org/8-ways-to-style-react-components/）。
如果你引用你提到的color属性作为你传入的CSS样式对象的一部分，那么它应该在 prop 更新时更新。