@ElizarBatin

ООП + React + typescript как правильно создавать компоненты?

Есть ли какие либо примеры view компонентов которые были написаны при помощи typescript с использованием ООП?
  • Вопрос задан
  • 1719 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Я так пишу:
import * as React from 'react';
import { connect, DispatchProp } from 'react-redux';
import { connectedPropSelector } from './selectors';

interface OwnProps {
  ownProp: string,
}

interface ConnectedProps {
  connectedProp: string,
}

type Props = OwnProps & ConnectedProps & DispatchProp<any>;

interface State {
  someKey: string,
}

class Example extends React.Component<Props, State> {
  state = {
    someKey: 'someValue',
  };
  
  render() {
    const { ownProp, connectedProp } = this.props;

    return ( /* ... */ );
  }
}

const mapStateToProps = state => ({
  connectedProp: connectedPropSelector(state),
});

export default connect(mapStateToProps)(Example);


Официальная документация
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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