React状态更新文本输入字段，但无法更新另一个<p>元素

Question

请参阅下面的代码，我基本上只想创建一个带有＆lt; input＆gt;的简单页面。从键入（将限于数字，因此＆＃39;数字＆＃39;），然后简单地输出＆lt; p＆gt;无论输入什么。 出于某种原因，当我这样做时，它显示初始状态，0，然后在文本字段的下一个输入时，它变为空。但是，文本字段正在按预期正确更新。 任何帮助都表示赞赏，因为我似乎无法找到任何这方面的例子，除了相同的Clock例子。

export default class Numbers extends React.Component {
constructor(props) {
    super(props);
    this.state = {numbers: '0'};
}
updateNumbers(event) {
    this.setState({
        numbers: event.target.numbers
    });
}
render () {
        return (
          <div>
            <input type='text' name='numbers' value={this.state.numbers} onChange={event => this.updateNumbers(event)} />
            <p>{this.state.numbers}</p>
          </div>
             );
        };

}