reactjs - Antd 表单似乎没有处理换行符？

Question

好奇是否有人遇到过这个问题——我正在使用一个表单来提交基本上是在博客上的评论，但我从基本的 React 表单切换到了 antd 表单。一切都很好，但是 antd 表单似乎没有处理输入文本中的换行符。如何在旧表单的文本输入中保留换行符信息？

这是旧反应形式的代码：

class Submit extends Component {
    constructor(props) {
      super(props);
      this.state = {
        value: "(Tell a story...)",
      };
  
      this.handleChange = this.handleChange.bind(this);
      this.handleSubmit = this.handleSubmit.bind(this);
    }
  
    handleChange(event) {
      this.setState({ value: event.target.value });
    }
  
    handleSubmit(event) {
      alert("Your story reads: " + this.state.value);
      event.preventDefault();
      let itemLore = this.state.value;
      console.log("state value test:" + itemLore);
      submitLore(itemLore);
    }
    render() {
      return (
        <form onSubmit={this.handleSubmit}>
            <textarea value={this.state.value} onChange={this.handleChange} />
          <input type="submit" value="Submit ItemLore" />
        </form>
      );
    }
  }

上面的代码正确处理换行符，但是在使用 antd 形式时（出于格式化原因），我注意到根本不包括换行符。

因为我只是在导入一个 antd 表单，所以下面的代码并没有显示引擎盖下的内容。关于我应该对 antd 表单进行哪些更改以恢复换行符的任何建议？

<Form.Item name="itemLore">
    <Input.TextArea placeholder="(Tell a story...)"></Input.TextArea>
</Form.Item>

标签： reactjsformsantd