在 React 应用程序中将字符串 "{\n \"code\" : 200,\n \"codeDesc\" : \"操作成功\" \n }" 转换为 JSON 字符串
时间: 2023-08-21 14:02:15 浏览: 97
把对象转换为JSON字符串
在 React 中,你可以使用 JSON.stringify() 方法将 JavaScript 对象或值转换为 JSON 字符串。在你的例子中,你可以这样实现:
```jsx
import React from 'react';
function App() {
const jsonString = `{\n "code": 200,\n "codeDesc": "操作成功"\n}`;
const jsonData = JSON.parse(jsonString);
const jsonStringified = JSON.stringify(jsonData);
return (
<div>
<h1>JSON String</h1>
<pre>{jsonStringified}</pre>
</div>
);
}
export default App;
```
在上面的代码中,我们首先定义了一个包含 JSON 字符串的变量 `jsonString`。然后,我们使用 JSON.parse() 方法将该字符串转换为 JavaScript 对象,并将结果存储在变量 `jsonData` 中。
接下来,我们使用 JSON.stringify() 方法将 `jsonData` 对象转换回 JSON 字符串,并将结果存储在变量 `jsonStringified` 中。
最后,我们在组件返回中使用 `<pre>` 标签来展示转换后的 JSON 字符串。
这样,你就可以在 React 应用程序中将字符串 `"{\n \"code\" : 200,\n \"codeDesc\" : \"操作成功\" \n }"` 转换为 JSON 字符串并进行展示。
阅读全文