我有一个基本的前端认证登录react组件页面，当页面第一次呈现时加载。登录成功后:
- 渲染应用组件。
- 我有一个login.css文件和一个app.css文件。
- 在我的html文档中，我必须添加一个表单代码来提交一些用户输入的应用程序方面的事情。我不希望这个表单出现在登录的东西，一旦应用端已经渲染。
- 在div classname上，我尝试了
login.css中的visibility hidden和app.css中的visibility:visible。 - 我在login.css和app.css中尝试了
opacity:0和opacity:100。以及其他一些故障排除css不工作。 - 似乎
login.css无论如何都在覆盖app.css。
我是新手，所以很抱歉，如果这是一个愚蠢的问题，只是真的需要一些帮助，谢谢你提前。
要直接解决您的问题，您要使用的CSS属性是display，并将其设置为none。如果仍然不起作用，请检查选择器的专一性，并确认选择的是预期的元素。最后，在属性中使用!important来覆盖所有样式。
既然你正在使用React，我强烈建议你不要依赖CSS，而是使用条件渲染，例如
return (
<div>
{loggedIn ? (
User dashboard or whatever...
) : (
Display login form
)}
</div>
);