React中使用useEffect调用Flask API的代码逻辑理解确认

整体理解大部分正确，仅部分细节存在偏差，逐条说明如下：

• 第1点理解正确：useEffect的空依赖数组[]确实表示该副作用仅在组件首次挂载完成后执行1次，内部传入的是无参数箭头函数，最外层包裹的花括号属于函数体的边界标识。
• 第2点理解正确：fetch('/')会请求当前域名下的根路径接口，只要你在React开发环境配置了代理指向Flask服务，就会正常调用Flask根路由对应的接口。需要额外注意如果未配置代理，默认会请求React本地开发服务的根路径，可能出现404错误。
• 第3点理解基本正确，仅小细节修正：response.json()的作用是将响应体中JSON格式的字符串内容解析为原生JavaScript对象，不是保留JSON格式，解析后的data可以直接在JS代码中读取属性操作。
• 第4点理解存在偏差：此处的花括号是内层箭头函数的函数体边界，不属于JSX中标记JS表达式的语法。只有你在组件return的JSX标签内部使用{}时，才表示包裹的内容是JS(X)代码，当前这段逻辑写在纯JS上下文里，和JSX语法无关。

内容的提问来源于stack exchange，提问作者WhoDatBoy