react 中实时更新状态的难点
在 react 应用中，想要实时更新状态可能遇到以下困难：
异步操作：react 状态更新是异步的，这意味着更新不一定会立即反映在 ui 上。组件的封装：封装组件时需要考虑通用性，不能仅满足特定需求。
问题解决
第一个问题：
这个问题是由异步操作造成的。每次访问页面时，组件会立即渲染，而此时数据尚未加载。因此，显示 “no user”。
解决方法：添加一个加载指示器，在异步操作完成之前显示。
第二个问题：
这是组件封装的问题。组件应该通用，不应依赖于外部状态。
解决方法：在组件内部管理文本内容的状态，并在组件初始化时将其设置为初始值。
代码示例：
const Userdetail = (props) => { const { onChange, defaultValue } = props; const [textContent, setTextContent] = useState(defaultValue); useEffect(() => { setTextContent(defaultValue || ''); }, []); return (