如何为带有Typescript的React设置Material-UI？

@ types / material-ui现在可用，可以从其DefinitelyTyped源导出。

npm install @types/material-ui --save-dev

npm install @types/react-tap-event-plugin --save-dev

之后，您可以执行以下操作：

import * as injectTapEventPlugin from 'react-tap-event-plugin';// Needed for onTouchTap// Check this repo:// https://github.com/zilverline/react-tap-event-plugininjectTapEventPlugin();

然后使用Material UI，如下所示：

import * as React from 'react';import getMuiTheme from 'material-ui/styles/getMuiTheme';import {MuiThemeProvider, lightbaseTheme} from "material-ui/styles";const lightMuiTheme = getMuiTheme(lightbaseTheme);class Root extends React.Component<any, any> {  render() {    return (      <MuiThemeProvider muiTheme={lightMuiTheme}>        <MyComponent/>      </MuiThemeProvider>    )  }}

MyComponent将使用docs中定义的Material UI：

import RaisedButton from 'material-ui/RaisedButton';const MyComponent = (props:MyComponentProps) => {  return (      <RaisedButton label="Default" />  )}export default MyComponent;

2016-08-08： 由于软件包状态更改，答案已更新。

2017-01-03： 添加参考 到@types / qvazzler