如何解析 Typescript 中的局部范围变量？

Question

我正在尝试在我的 React 应用程序中将字符串解析为对象数组。

const {newsEntity} = props;
const contentInString = {newsEntity.content}; <== not working
// const contents = JSON.parse(contentInString); <== hoping to use this someday

我收到以下错误ESLint: Parsing error: ',' expected.

我试图删除花括号，但它给出了 undefined

内容：

[{"content":"Umi Kalsum berharap kondisinya tetap baik","type":"text"},{"content":"Dream - Setelah menempuh perjalanan darat cukup panjang untuk menemui wanita diduga telah menghina keluarganya, Umi Kalsum dan Ayah Rozak akhirnya kembali rumahnya di Depok, Jawa Barat. Perjalanan panjang itu ternyata menguras tenaga orang tua Ayu Ting Ting tersebut.","type":"text"}

我注意到{newsEntity}的内容只在渲染过程中可见

return (<div> {newsEntity.content}</div>  );

Answer 1

const contentInString = {newsEntity.content}; 这会导致语法错误。

你应该这样提取const contentInString = newsEntity?.content

Answer 2

如果要分配新对象，请使用：

const contentInString = {content: newsEntity.content};

如果你想从 newsEntity 得到 content 使用：

const contentInString = newsEntity.content;

关于问题的最后一部分 - 这是 TypeScript 错误，它提示您您的类型出了问题。你可以或

创建新变量并自动推断类型
或手动修改类型

Answer 3

//Checkout this hopefully this will help you
let GblVar=100;  
 
function Fn() {          //function
 
  console.log(GblVar)
 
  if (true) {         //code block
    console.log(GblVar)
  }
 
  function nested() {         //nested function within someFn1
    console.log(GblVar)
  }
 
}
 
for (let c = 0; c < 3; c++){    //code block
  console.log(GblVar);
}
 
function OthrFn1() {       //another function
  console.log(GblVar)
}
 
console.log(GblVar)

如何解析 Typescript 中的局部范围变量？

How to parse local scope variable in Typescript?

typescript

reactjs

tsx