Question

我正在使用react和typescript来构建一个应用程序，但是typescript似乎无法正常工作，我会发布我的代码以便你理解。

这是组件TextField

/// <reference path="../../../../typings/index.d.ts" />
import * as React from 'react';

interface ITextFieldProps extends React.Props<TextField> {
    id: number,
    label: string,
    placeholder?: string,
    required?: boolean
}

interface ITextFieldState {
    value: string
}

export default class TextField extends React.Component<ITextFieldProps, ITextFieldState> {

    public state: ITextFieldState;

    public render() {
        return (
            <div className="textfield-default">
                <label>{this.props.label}</label>
                {this.props.id}
                <input
                    placeholder={this.props.placeholder}
                    required={ this.props.required ? 'required' : '' }
                    />
            </div>
        );
    }

}

以下是我启动该组件的地方：

<TextField id="abs" />

问题是，我在组件的界面中询问“id”需要是一个数字，而“label”dosnt是否有“？”它就应该通过...... 但是它有效，不会在编译时甚至在控制台中给我任何错误。有什么提示吗？

干杯！

反应和打字稿

0 个答案: