Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Typescript和React.js中使用随机场解析JSON_Javascript_Reactjs_Typescript - Fatal编程技术网

Javascript 如何在Typescript和React.js中使用随机场解析JSON

Javascript 如何在Typescript和React.js中使用随机场解析JSON,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,在Typescript中使用带有随机字段的Json字符串(我不知道Json字符串中的字段类型或它们的类型)。希望将json字符串解析为具有默认字段类型的对象,例如string 像这样解析:let values=JSON.parse(this.props.values!) 使用React.js时出错,因为类型未知。也无法预定义接口,因为我不知道json字符串中的内容 Object.entries(values).map(([key, value]) => {

Typescript
中使用带有随机字段的
Json字符串
(我不知道
Json字符串
中的字段类型或它们的类型)。希望将
json字符串
解析为具有默认字段类型的对象,例如
string

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

使用React.js时出错,因为类型
未知
。也无法预定义
接口
,因为我不知道
json字符串中的内容

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>
                    </>)
            })
Object.entries(value).map([key,value])=>{
渲染值=(
{key}
{value}
)
})
有错误: 类型“unknown”不可分配给类型“ReactNode”。 类型“unknown”不可分配给类型“ReactPortal”。ts(2322) index.d.ts(1244,9):预期的类型来自属性“children”,该属性在这里的类型“DetailedHTMLProps,HtmlVelment>”上声明


如何在typescript中解析
json字符串
为对象赋予对象字段默认类型或将对象字段强制转换为默认类型?

如注释所示;你能试一下吗

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>
    </>
  )
);
renderValues=Object.entries(value.map)(
([键:字符串,值:字符串])=>(
{key}
{value}
)
);

请阅读我之前发布的内容,因为您没有正确使用Array.prototype.map。

您传递给的函数应该会返回一些内容
renderValues=something.map(()=>item)
问题是,我不知道json字符串中有什么类型和多少字段,当我将json字符串解析为object时,我想让所有字段都成为字符串的示例类型,因为现在字段的类型为
unknown