react ant design mobile的表單怎么用的，怎獲取數據報錯

 submit=(e)=>{
        e.preventDefault();
        let value=this.props.form.getFieldValue('key')+this.props.from.getFieldValue('replytext');
        alert(value);
    }
    render() {
        const { getFieldProps } = this.props.form;
        return (
            <div className="createreply-container">
                <WhiteSpace />
                <WhiteSpace />
                <form onSubmit={this.submit}>
             <WingBlank>
                 <List renderHeader={() => '關鍵詞'}>
                     <InputItem
                         {...getFieldProps('key')}
                         placeholder="請輸入關鍵字"
                     />
                 </List>
             </WingBlank>
                <WhiteSpace />
              <WingBlank>
                  <List renderHeader={() => '回復內容'}>
                      <TextareaItem
                          {...getFieldProps('replytext', {
                              // initialValue: '請輸入回復內容...',
                          })}
                          placeholder="請輸入回復內容"
                          rows={5}
                          count={100}
                      />
                  </List>
              </WingBlank>
                <WhiteSpace />
                <WingBlank>
                    
                </WingBlank>
                <WhiteSpace size="lg"/>
                <WingBlank>
                    <Button type="primary"  onClick={this.submit}>完成</Button>
                    </WingBlank>
                </form>

部分代碼

出錯：