material-uiでDialog内にTextFieldを置くとフォーカスがおかしくなる問題 ref: http://qiita.com/koizuss@github/items/ddd656cbafd888f179d6

file0.js

import React, {Component} from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import TextField from 'material-ui/TextField';
import Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';

export default class Component extends Component {
  constructor(props, context) {
    super(props, context);

    this.state = {
      open: false,
      title: '',
    };
  }

  handleOpen() {
    this.setState({open: true});
  }

  handleClose() {
    this.setState({open: false});
  }

  handleChange(e) {
    this.setState({
      title: e.target.value,
    });
  }

  render() {
    return (
      <div>
        <RaisedButton label="Show Dialog" onTouchTap={this.handleOpen.bind(this)}
        <Dialog
          title="ダイアログ"
          actions={[
            <FlatButton
              label="キャンセル"
              primary={true}
              onTouchTap={this.handleClose.bind(this)}
            />,
            <FlatButton
              label="OK"
              primary={true}
              keyboardFocused={true}
              onTouchTap={this.handleClose.bind(this)}
              disabled={!this.state.title || this.state.title.length < 1}
            />,
          ]}
          modal={false}
          open={this.state.open}
          onRequestClose={this.handleClose.bind(this)}
        >
          <TextField
            value={this.state.title}
            floatingLabelText="タイトル"
            onChange={this.handleChange.bind(this)}
            style={{width: '100%'}}
          />
        </Dialog>
      </div>
    );
  }
}

file1.js

value={this.state.title}

file2.js

defaultValue={this.state.title || null}