ReactJs使用欢迎文本在文本框中显示名称，然后按回车键

Question

我是Reactjs的新手。我试图创建接受名称的文本框。然后按回车键显示欢迎文字的名称。但是效果不好。

> var React = require('react'); var ReactDOM = require('react-dom');
> 
> var MyInput = React.createClass({   getInitialState: function(){
>     return {
>       typed: 'hELLO'
>     };   },
>      handleChange: function(evt) {    this.setState({typed : evt.target.value});   },
>      handleKeyPress: function(evt) {
>     if (evt.keyCode == 13) {      this.setState({typed : evt.target.value});
>               evt.preventDefault();
>     }   },
>      render: function() {
>     return <div>          <input value={this.state.typed} onChange= {this.handleChange} onKeyDown = {this.handleKeyPress}/>
>             <br/>
>             <code>Welcome, {this.state.typed}</code>
>          </div>;  } });
> 
> React.render(   <MyInput/>,   document.getElementById('container') )

任何人都可以帮助我