StepanTur
@StepanTur
Web frontend/backends Калининград

Как получить все пропсы компонента React по его экземпляру?

У нас имеется typescript и два компонента.
Я хочу чтобы компонент 2 требовал в пропсы все те же значения, что и компонент 1.
Как я это себе представляю:
import {Button} from 'react-native';
const MyButton = (props: typeof Button) => {
  return <Button title={props.title} onPress={props.onPress} style={{color:'#fff'}} />
}

(представим, что у нас нету предопределенных типов наподобие ButtonPropsTypes (например , если мы используем кнопку из какой нибудь дизайн библиотеки))
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
bingo347
@bingo347
Бородатый программер
import type {ComponentType} from 'react';
import {Button} from 'react-native';

type InferProps<Component> = Component extends ComponentType<infer Props> ? Props : never;

const MyButton = (props: InferProps<typeof Button>) => {
  return <Button title={props.title} onPress={props.onPress} style={{color:'#fff'}} />
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы