如何在React羽毛笔中使用localStorage？

Question

我想在react-quill中实现自动保存用户输入，因此当我刷新页面时，用户输入不会消失。

我将ReactQuill和常规<input>放在Form中，只有<input>可以自动保存，<ReactQuill/>中的用户输入不能，为什么？

constructor (props) {
    super(props)
    this.state = { 
      title: localStorage.getItem('title') || '',
      content:  localStorage.getItem('content') || '' 
    }
    this.handleChange = this.handleChange.bind(this)


handleChange({ target: { name, value }}) {
    this.setState({ [name]: value });
    localStorage.setItem(name, value); 
  }

render() {
    const { getFieldDecorator} = this.props.form;
 return (
    <Form onChange={this.handleChange}>

    <Form.Item
       {getFieldDecorator('title', {
            initialValue:this.state.title
     })(
        <Input
         name='title'
        />,
          )}
      </Form.Item>

      <Form.Item 
        {getFieldDecorator("content",{
            initialValue:this.state.content
          })(
         <ReactQuill 
            name='content'
            modules={Editor.modules}
            formats={Editor.formats}
          />
          )}
      </Form.Item>