我尝试使用React.FormEvent<HTMLSelectElement>但它导致编辑器中出现错误，即使EventTarget代码中没有可见：

“EventTarget”类型的值上不存在属性“value”

然后，我改变React.FormEvent到React.ChangeEvent它帮助：

private changeName(event: React.ChangeEvent<HTMLSelectElement>) {
    event.preventDefault();
    this.props.actions.changeName(event.target.value);
}

由于将我的类型升级为 react 0.14.43（我不确定这是什么时候引入的），React.FormEvent 类型现在是通用的，这消除了对强制转换的需要。

import React = require('react');

interface ITestState {
    selectedValue: string;
}

export class Test extends React.Component<{}, ITestState> {

    constructor() {
        super();
        this.state = { selectedValue: "A" };
    }

    change(event: React.FormEvent<HTMLSelectElement>) {
        // No longer need to cast to any - hooray for react!
        var safeSearchTypeValue: string = event.currentTarget.value;

        console.log(safeSearchTypeValue); // in chrome => B

        this.setState({
            selectedValue: safeSearchTypeValue
        });
    }

    render() {
        return (
            <div>
                <label htmlFor="searchType">Safe</label>
                <select className="form-control" id="searchType" onChange={ e => this.change(e) } value={ this.state.selectedValue }>
                    <option value="A">A</option>
                    <option value="B">B</option>
                </select>
                <h1>{this.state.selectedValue}</h1>
            </div>
        );
    }
}

更新：React 的官方类型定义已经包含事件类型作为泛型类型已有一段时间了，所以你现在有完整的编译时检查，这个答案已经过时了。

是否可以以类型安全的方式检索值而不强制转换为任何值？

是的。如果您确定处理程序附加到的元素，则可以执行以下操作：

<select onChange={ e => this.selectChangeHandler(e) }>
    ...
</select>

private selectChangeHandler(e: React.FormEvent)
{
    var target = e.target as HTMLSelectElement;
    var intval: number = target.value; // Error: 'string' not assignable to 'number'
}

现场演示

TypeScript 编译器将允许这种类型断言，因为HTMLSelectElement是一个EventTarget。之后，它应该是类型安全的，因为您知道e.target是一个HTMLSelectElement，因为您刚刚将事件处理程序附加到它。

然而，为了保证类型安全（在这种情况下，在重构时是相关的），还需要检查实际的运行时类型：

if (!(target instanceof HTMLSelectElement))
{
    throw new TypeError("Expected a HTMLSelectElement.");
}

在我的情况下，onChange事件输入为React.ChangeEvent<HTMLSelectElement>：

onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
  console.warn('onChange TextInput value: ' + e.target.value);
}}

最简单的方法是向接收值的变量添加类型，如下所示：

var value: string = (event.target as any).value;

或者你可以像这样投射value属性event.target：

var value = ((event.target as any).value as string);

编辑：

最后，您可以定义EventTarget.value单独.d.ts文件中的内容。但是，该类型必须与在其他地方使用的地方兼容，any无论如何您最终都会再次使用。

globals.d.ts

interface EventTarget {
    value: any;
}