当出现问题时,开发人员需要深入了解 Relay 的存储。 Relay 提供了几种工具,以编程和可视化的方式检索存储及其记录。
Relay DevTools工具旨在帮助开发人员检查其 Relay 状态,,并了解存储如何随时更改。Relay DevTools有两种方式:
这些功能可以在几种常见的情况下使用:记录客户端状态以供以后检查或从浏览器的调试器以交互方式在一些常见场景中使用。
在此示例中,根据传递到您的 Relay 环境中的源代码创建一个检查器对象。稍后可以使用此检查器对象检查记录。检查员仅在开发构建中可用。
const { RecordSource, Store, RecordSourceInspector, } = require('relay-runtime'); const source = new RecordSource(); const store = new Store(source); const inspector = new RecordSourceInspector(source); inspector.getNodes(); // all records with an id inspector.getRecords(); // all records with or without an id inspector.get("<recordId>").inspect(); // record with fields