在 React 中将组件状态转换为 JSON

Posted 2023-02-22

【中文标题】在 React 中将组件状态转换为 JSON

【英文标题】：Converting component state to JSON in React

【发布时间】：2018-06-02 00:11:17

【问题描述】：

我是 React JS 的新手。我想将组件状态数据转换为 JSON 对象。可能吗？如果有，怎么做？

样本状态：

this.state = 
    name : "Example",
    age : "21",
    description : "Some text here."

这就是整个问题。如果你能告诉我在哪里可以找到简单的教程来在 React 中做更高级的事情（比如向/从服务器发送/接收 JSON、进行重定向、创建菜单等），我将不胜感激。我知道我听起来很含糊，我不希望对此有非常具体的答案（如果有的话）。

【参考方案1】：

只需使用JSON.stringify 方法将javascript 对象转换为JSON 文本 并将JSON 文本存储在字符串 中。 p>

另外，您可以使用 JSON.parse 将 JSON 文本字符串转换为 Javascript 对象。

let state = 
    name : "Example",
    age : "21",
    description : "Some text here."

console.log(state);
console.log(JSON.stringify(state));

【讨论】：

我可以将 JSX 状态值存储在 JSON 中吗？