javascript - React/TypeScript-feil: Operatoren '<' kan ikke brukes på typene 'boolean' og 'RegExp'

Her er min LoginContainer.ts. Ikke sikker på hvorfor jeg får disse TypeScript-feilene i render-metoden min:

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);

Svar #1

Typescript støtter JSX-syntaks, men krever en annen filendelse .tsx. Å gi filen din nytt navn til LoginContainer.tsx bør gjøre det mulig for Typescript å tolke syntaksen korrekt.

Fra TypeScript-håndboken:

For å bruke JSX må du gjøre to ting.

  1. Gi filene dine et .tsx-filformat

  2. Aktiver jsx-alternativet (i din tsconfig-fil)

Relaterte artikler