Реагирующие хуки TypeScript

Я получаю данные из NASA API. Это мой тип PagesData в файле types.ts и определении состояния:

export type PagesData = {
 copyright?: String;
 date: String;
 explanation: String;
 url: String;
 media_type: String;
 title: String;
};

и мое определение состояния:

const initialValues = {
 copyright: '',
 date: '',
 explanation: '',
 url: '',
 media_type: '',
 title: '',
};
const [data, setData] = useState<PagesData>(initialValues);

...
fetch block
...
const newData: PagesData = await res.json();
setData(newData);

Моя проблема в том, что я получаю дополнительное поле свойств для данных, но мне это не нужно.

Реагирующие хуки TypeScript

Не нужно - не пользуйтесь )

captain-yossarian from Ukraine 14.12.2020 21:50
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
1
54
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Typescript не отфильтровывает данные автоматически. Если вы получаете файл JSON с большим количеством избыточной информации, вы можете вручную отфильтровать его. В этом примере я использую только url и title из объекта rawJsonData.

type PagesData = {
  url:string,
  title:string
}


let rawJsonData:any = {
  title:"just a test",
  url:"www.test.com",
  id:4
}

const {title, url} = rawJsonData
let dataWithoutExtras:PagesData = {title, url}

Другие вопросы по теме