Блог

Любопытно, сталкивался ли кто — нибудь с этой проблемой-я использую форму для отправки комментариев в блоге, но я переключился с основной формы реагирования на форму 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>