javascript - Chyba React/TypeScript: Operátor '<' nelze použít na typy 'boolean' a 'RegExp'

Tady je můj LoginContainer.ts Nejsem si jistý, proč dostávám tyto chyby TypeScript ve své metodě render:

import * as React from 'react';
import { connect } from 'react-redux';

// Actions
// import { addCoins } from 'actions/coins';

interface IProps {
  loginActions: any
}

interface IState {
  email: string;
  password: string;
}

class LoginContainer extends React.Component<IProps, IState> {

  public state: IState = {
    email: '',
    password: ''
  };

  public render() {
    return (
      <div id="login-container">
        <h1>Login</h1>
      </div>
    );
  }
}

// const mapDispatchToProps = dispatch => ({
//   addCoins: (...args) => dispatch(addCoins(...args))
// });

export const LoginContainerJest = LoginContainer;

export default connect(null, null)(LoginContainer);

Odpověď č. 1

Typescript podporuje syntaxi JSX, ale vyžaduje jinou příponu .tsx. Přejmenování souboru na LoginContainer.tsx by mělo umožnit TypeScriptu správně interpretovat syntaxi.

Z příručky TypeScriptu:

Abyste mohli používat JSX, musíte udělat dvě věci.

1. Pojmenujte své soubory s příponou .tsx

2. Povolte možnost jsx (ve vašem souboru tsconfig)