javascript - 将 JSX 转换为 JSON 或 String,然后再转换回来

标签 javascript reactjs

我想将 React 组件的状态保存在数据库中。

Json.stringify(myComponent);

但是,当我尝试再次使用带有 JSON.parse 的组件时,我得到了

Error: Objects are not valid as a React child (found: object with keys {type, key, ref, props, _owner, _store})

它是一个 JSON 数组。我读到这是由 JSX 键引起的。

是否有任何包允许我将 JSX 保存为字符串或对象,然后将其再次呈现为 React 组件?

最佳答案

我正在玩这样的东西,我想在数据库中存储 react 组件的表示并将其渲染回来。经过一番研究后,我想出了一种将组件存储为 JSON blob 并将其呈现回 UI 的方法。

检查一下。 https://gist.github.com/praveensastry/132eacff4a684a48e73cae21f2451078

关于javascript - 将 JSX 转换为 JSON 或 String,然后再转换回来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44582286/

相关文章:

javascript - jQuery 对象如何表现得像一个数组,即使它不是一个数组?

JavaScript 正则表达式组定位

javascript - 为什么我的 useEffect() 没有在更改或页面刷新时运行 - React Js?

javascript - 无法将 Facebook 插页式广告插入 React-Native 应用程序

ReactJS Router V4 History.push 不起作用

javascript - 使用命令行运行任何 js 时,PhantomJS 会出现段错误

javascript - 如何使用参数为变量的函数?

javascript - 如何在jsp页面中包含javascript

javascript - 如何将新状态保存到本地json

javascript - 无法找到 ID 为 : b7zc6 的可拖动对象