作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 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 如何赋予对象字段默认类型或将对象字段转换为默认类型?
最佳答案
如评论;您可以尝试以下操作吗:
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。
关于javascript - 如何在 Typescript 和 React.js 中使用随机字段解析 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58602910/
我是一名优秀的程序员,十分优秀!