json - 在这种情况下,使用 JSON 数据的更好方法是什么?
问题描述
在 React 组件中,将 JSON 呈现为导入文件更好,还是在将 JSON 数据分配给本地状态后使用它更方便?
import jsonData from 'src/data.json'
或者
import jsonData from 'src/data.json'
const [data, setData] = useState(null)
setData(jsonData)
解决方案
如果组件在运行时可能需要更改某些数据,那么 state 绝对是正确的选择,因为您不想改变导入,并且因为您希望数据更改导致渲染更改。
如果数据是绝对不变的,并且您看不到任何需要更改它的功能,请随意import
单独使用纯文本。没有什么可以阻止您将导入也放入状态,但在这种情况下,由于状态永远不会改变,所以没有太多的意义。
推荐阅读
- angular - ion-slide 不适用于 ngFor 指令
- datastax - 连接到节点时Datastax cassandra cpp_driver挂起
- python - 快速循环算法打开 cv python
- conda - 如何在不上传的情况下安装使用 conda build 构建的 conda 包
- bash - Bash脚本到String concat两个变量并进行文件比较
- android - 为什么键盘会覆盖 EditText 的一部分
- linux - 如何在 codedeploy 脚本的帮助下将 AWS 凭证传递给 EC2 服务器?
- wordpress - 如何在 WordPress 项目中使用 Nuxt.js 组件?
- spring-boot - 通过 Elasticsearch REST 客户端对文档进行索引时引发错误
- python - django charField 只接受数字