JSON.Stringify |用引号标签''在屏幕上输出结果

Question

我在我的 React 应用程序中使用以下方法将我的 Object 转换为字符串。一切正常，但我想在屏幕上输出结果，输出周围没有 ""。

  renderConfigInfoCellRow = configInfoKey => {
    const { lconfigInfo } = this.props;
    return (
      <tr key={configInfoKey}>
        <td className="pt-3 text-muted font-weight-bold w-25">{configInfoKey}</td>
        {(typeof lconfigInfo.sql[configInfoKey] === 'string' && (
          <td className="pt-3">{JSON.stringify(lconfigInfo.sql[configInfoKey])}</td>
        )}
      </tr>
    );
  };

我在这里使用它：

<tbody>
  {Object.keys(lconfigInfo.sql).map(configInfoKey =>
    this.renderConfigInfoCellRow(configInfoKey)
  )}
</tbody>

知道如何删除 "output" 周围的 "" 吗？？或者如果它们是 JSON.Stringify 的替代品。谢谢！！

Answer 1

尝试 .replace(/\"/g, ""):

{JSON.stringify(lconfigInfo.sql[configInfoKey]).replace(/\"/g, "")}

Answer 2

使用JSON.stringify()没有任何意义，如果数据不是对象，尝试改变这个JSON.stringify(lconfigInfo.sql[configInfoKey]) 至 lconfigInfo.sql[configInfoKey].

还有一种情况，您检查 lconfigInfo.sql[configInfoKey] 是否为字符串并尝试再次将其转换为字符串。

Answer 3

JSON.stringify 输出有效的 JSON，所以如果你传递一个字符串，它将 return 一个用 "" 包裹的字符串。

您正在检查 lconfigInfo.sql[configInfoKey] 的值是否为字符串，因此您可以直接将其打印出来，如：

<td className="pt-3">{lconfigInfo.sql[configInfoKey]}</td>

JSON.Stringify |用引号标签''在屏幕上输出结果

JSON.Stringify | Output the result on the screen with quote tags ''

javascript

json

stringify

reactjs