Reactjs 易反应状态的开发工具？

我只是来自redux的切换器，是否有任何可用的工具，用于检查甚至操纵react Easy状态存储以供开发使用，或者您是否有任何良好的实践TIPP来这样做？

---

ist是否可以在每次更改时控制台记录当前状态？

确实可以使用来记录状态更改。一个简单的日志中间件可以如下所示（键入）：

导出默认值（存储：存储）=>(
下一步：（操作：操作）=>ReduxState
)=>（动作：动作）=>{
console.log（`dispatching:${action.type}`）
常量结果=下一步（操作）
log（`next state:${JSON.stringify（store.getState（））}`）
返回结果
}

操纵是另一回事。你可以创建一个“cli”-我最近已经这样做了。它基本上只是一个向浏览器控制台公开的JS函数

或者，我建议使用浏览器插件。最常见的可能是“Redux DevTools”，它至少可以用于Firefox和Chrome。它为您提供对

redux

-状态的CRUD控制（创建、读取、更新、删除）

---

编辑：由于我误读了您的问题，GitHub上的这个可能会引起您的兴趣。似乎没有非常活跃的维护人员^^^但很抱歉，我对easy state一无所知。

我们还没有开发工具，但它是经常需要的功能。这已列入我们的议程，我们已经在收集人们对devtool期望值的数据。所以。。。React state devtool对您来说必须具备哪些功能

关于时间线：我们将在devtool之前发布更好的文档、linter，可能还有strict模式。我们已经有了一个非常基本的devtool原语（它只记录了大量数据），可以同时使用。但它永远不会成为官方API，我们将在以后的版本中删除它。你有兴趣吗？我们是否应该将其作为临时解决方案发布

ist是否可以在每次更改时控制台记录当前状态

当然可以：

---

（我是React Easy State的作者）

如果您使用的是全局存储，例如：

const myStore = store({
 a: 1
});

您可以将它们分配给窗口对象，以便在chrome/firefox开发工具中执行以下操作：

window.__EASY_STORES__ = {
 MY_STORE: myStore
}

然后，您可以在控制台中修改该对象，如果组件包装在

视图中

，则该对象应反映在渲染中

---

除此之外，目前正在讨论如何在社区中构建一整套开发工具，但目前我们没有在库中提供任何现成的检查器或开发工具。

OP没有使用redux，而是大量使用thx！关于“React state devtool中必须具备的功能”，我对redux和vuex devtools非常满意，因此：*时间旅行*状态操纵*列出了所有具有键和值的状态SP:devtool/devlog听起来很有趣，因为可以很容易地激活/停用它

window.__EASY_STORES__ = {
 MY_STORE: myStore
}