JSON.Stringify用引号'‘在屏幕上输出结果

Question

我在React中使用以下方法将我的Object转换为string。一切都很好，但是我希望在没有输出""的情况下在屏幕上输出结果。

  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

使用JSON.stringify()是没有意义的，如果数据不是对象，请尝试将此JSON.stringify(lconfigInfo.sql[configInfoKey])更改为lconfigInfo.sql[configInfoKey]。

还有一个条件，您可以检查lconfigInfo.sql[configInfoKey]是否是字符串，并试图再次将其转换为string。

Answer 2

JSON.stringify输出有效的JSON，因此如果您传递一个字符串，它将返回一个用""包装的字符串。

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

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

Answer 3

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

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