reactjs - 在 API 调用后反应重新渲染导致不良 UI 显示一瞬间
问题描述
在我的 React 组件中，我有一个hidePlaceholder初始化为 false 的局部状态变量。一旦用户开始输入输入，hidePlaceholder就会设置为 true。我遇到了一个问题，如果用户按下提交按钮，占位符会出现一秒钟，然后消失。我相信发生的事情是单击按钮会导致组件由于 redux 状态的变化而重新渲染，但它不会立即发生 - 而且由于hidePlaceholder初始化为 true，重新渲染会导致占位符闪烁。是否有关于如何解决此类问题的一般最佳实践？
另外要清楚（也许不是超级相关），我使用的是“占位符”一词，但它不是input属性placeholder。在这种情况下，出于可访问性原因，它被作为单独的 div 注入。
解决方案
推荐阅读
- airflow - 如何使用 Google Cloud Composer 在 Apache Airflow 中为失败的任务标记成功
- sql - 队列系统中的 SQL Server NOLOCK 与 READPAST
- firebase - VSC PowerShell。在 npm 更新包后，无法加载 .ps1，因为在此系统上禁用了运行脚本
- javascript - 我动态添加的事件侦听器附加（使用完全相同的 html）在小屏幕上，但不是在大屏幕上
- java - Maven：忽略特定工件而不会使构建失败
- python - 将熊猫数据框写入 csv
- sql-server - SqlException：无法绑定多部分标识符“chamin@gmail.com”
- php - 如何修复“nginx.service 的作业失败，因为控制进程以错误代码退出。”
- log4j2 - Vertx：不使用 vertx logger factory 的 Log4j2
- json - 在 Swagger Editor 启动时自动执行“Convert JSON to YAML”