Как включить поле textarea при определении модели формы «Свяжитесь с нами» в реагирующем веб-приложении

Я пытаюсь описать модель формы обратной связи. Эта форма будет иметь два текстовых поля и одно поле textarea, которое будет использоваться для сообщения. Я определил поле сообщения как тип: «текстовое поле», но когда оно отображается, оно отображается как обычное текстовое поле. Может ли кто-нибудь предложить, как определить поле textarea здесь?

Это для простой формы обратной связи в reactjs.

  <DynamicForm className = "contactform"
  title = "Contact us"
  model = {[
    {key: "name", label: "Name", props: {required:true}},
    {key: "email", label: "E-mail", type:"email"},
    {key: "message", label: "Message", type: "textarea" }
  ]}
  onSubmit = {(model) => {this.onSubmit(model)}}

  />

Я ожидаю, что текстовое поле будет отображаться, когда я укажу тип как текстовое поле в приведенном выше коде.

Динамическая форма определяется здесь:

'''

import React from 'react';
import './contact.css';

export default class DynamicForm extends React.Component {
state = {
}
constructor(props) {
    super(props);
}

onSubmit = (e) => {
    e.preventDefault();
    if (this.props.onSubmit) this.props.onSubmit(this.state);
}

onChange = (e, key) => {
    this.setState({
        [key]: this[key]
    })

}

renderForm = () => {
    let model = this.props.model;
    let formUI = model.map((m) => {
        let key = m.key;
        let type = m.type || "text";
        let props = m.props || {};
        return (
            <div key = {key} className = "form-group">
                <label className = "formlabel"
                    key = {"l" + m.key}
                    htmlFor = {m.key}>
                    {m.label}
                </label>
                <input {...props}
                    ref = {(key) => { this[m.key] = key }}
                    className = "form-input"
                    type = {type}
                    key = {"i" + m.key}
                    onChange = {(e) => { this.onChange(e, key) }}
                >
                </input>
            </div>
        )
    });
    return formUI;
}

render() {
    let title = this.props.title || "Dynamic Contact Us Form";
    return (
        <div className = {this.props.className}>
            <h3>{title}</h3>
            <form className = "dynamic-form" onSubmit = {(e) => this.onSubmit(e)}>
                <div className = "form-group">
                    {this.renderForm()}
                    <button type = "submit">Submit</button>
                </div>


            </form>
        </div>
    )
}
} 

'''