javascript - 如何在 Typescript 和 React.js 中使用随机字段解析 JSON

Question

在 Typescript 中有 Json string 和随机字段(我不知道 json string 中的字段类型或它们的类型) .想要将 json string 解析为具有默认字段类型的对象，例如 string。

像这样解析:let values = JSON.parse(this.props.values!)

使用 React.js 时出现错误，因为类型 unknown。也无法预定义 interface 因为我不知道 json string

里面是什么

Object.entries(values).map(([key, value]) => {
                renderValues = (
                    <>
                        <div className="col-1 text-left p-2" ></div>
                        <div className="col-2 text-right p-2" >{key}</div>
                        <div className="col-9 text-left p-2" >{value}</div>
                    </>)
            })

有错误: 类型“未知”不可分配给类型“ReactNode”。 类型“未知”不可分配给类型“ReactPortal”.ts(2322) index.d.ts(1244, 9):预期类型来自属性“children”，该属性在此处声明为类型“DetailedHTMLProps，HTMLDivElement>”

在将 json string 解析为对象时，typescript 如何赋予对象字段默认类型或将对象字段转换为默认类型？

Answer 1

如评论；您可以尝试以下操作吗:

renderValues = Object.entries(values).map(
  ([key: string, value: string]) => (
    <>
      <div className="col-1 text-left p-2"></div>
      <div className="col-2 text-right p-2">{key}</div>
      <div className="col-9 text-left p-2">{value}</div>
    </>
  )
);

请阅读link我之前发帖是因为您没有正确使用 Array.prototype.map。